大家好,我是何三,80后老猿,独立开发者

最近发现一个超酷的Python库——Starfyre,彻底颠覆了我对前端开发的认知!简单来说,它让你只用Python就能写出响应式网页,完全不用碰JavaScript,简直是为Python开发者量身定制的“前端外挂”。今天就来带大家从安装到实战,手把手体验这个黑科技!

第一步:环境准备
1. 安装Python:如果你还没装Python,去官网(https://www.python.org)下载最新版,安装时记得勾选“Add Python to PATH”。
2. 安装uv工具:uv是新一代Python包管理工具,速度比pip快10倍!在终端运行:

pip install uv  

第二步:安装Starfyre
用uv一键安装Starfyre及其依赖(这里假设你已配置好Python环境):

uv install starfyre  

装完检查是否成功:

starfyre --version  

如果输出版本号(比如0.1.2),恭喜你搞定!

第三步:创建第一个项目
用Starfyre的CLI工具生成项目骨架:

starfyre create my_first_app  
cd my_first_app  

这会自动生成以下文件:
- app/:存放组件和页面
- static/:静态资源(CSS/图片)
- starfyre.config.json:配置文件(路由、编译选项等)

第四步:写个Demo——实时计数器
app/components下新建counter.py,贴入以下代码:

from starfyre import component, create_signal  

@component  
def Counter():  
    count, set_count = create_signal(0)  

    def handle_click():  
        set_count(count() + 1)  

    return (  
        <div>  
            <h1>当前计数{count()}</h1>  
            <button onclick={handle_click}>点我+1</button>  
        </div>  
    )  

然后在app/pages下的home.py中引入组件:

from starfyre import Page  
from ..components.counter import Counter  

def HomePage():  
    return Page(  
        <div>  
            <h2>欢迎来到Starfyre</h2>  
            <Counter />  
        </div>  
    )  

第五步:运行项目
回到项目根目录,启动开发服务器:

starfyre dev  

终端会输出访问地址(默认http://localhost:5000),打开浏览器就能看到实时更新的计数器啦!点击按钮,数字会立刻变化,和React/Vue的体验一模一样,但代码全是Python写的!

为什么推荐Starfyre?
- 全Python开发:前后端语言统一,不用切换技术栈。
- 反应式编程:类似React的useState,用create_signal管理状态超简单。
- 组件化设计:通过@component装饰器封装可复用模块,代码更清晰。
- 生态友好:支持VSCode插件和文件路由,大型项目也不怕。

避坑指南
- 如果运行starfyre dev报错,可能是依赖冲突,尝试:

uv venv  
uv pip install --refresh starfyre  
  • 组件中所有动态变量必须用{ }包裹,类似JSX语法。

赶紧试试吧!从此写前端再也不用在Python和JavaScript之间反复横跳,真香!