Solid 本地开发指南
使用 SolidJS 与 SolidStart 构建细粒度响应式应用,本地默认 localhost:3000 开发。
SolidJS 是细粒度响应式 UI 库,语法接近 React(JSX),但无 Virtual DOM,更新性能优异。SolidStart 是其全栈元框架,提供文件路由、SSR 与 API 路由。
快速开始(SolidStart)
npm init solid@latest my-solid-app
cd my-solid-app
npm install
npm run dev选择 SolidStart 模板以获得全栈能力;若仅需 SPA,可选 Vite + Solid 模板。
默认 localhost 访问
| 用途 | 地址 |
|---|---|
| SolidStart 开发 | http://localhost:3000 |
| Vite + Solid SPA | http://localhost:5173 |
可在 app.config.ts 或 vite.config.ts 中修改端口。
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 启动开发服务器 |
npm run build | 生产构建 |
npm run start | 运行生产服务器(SolidStart) |
npm run preview | 预览构建(Vite 模板) |
特点
- Signals 驱动响应式,组件只渲染一次
- 包体积小、运行时开销低
- SolidStart 支持 SSR、静态导出与边缘部署
小结
Solid 全栈项目本地开发通常访问 **http://localhost:3000**,纯 SPA 模板为 **http://localhost:5173**,适合高性能交互界面与 React 开发者平滑迁移。