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 SPAhttp://localhost:5173

可在 app.config.tsvite.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 开发者平滑迁移。

访客计数:------ Best viewed in Netscape Navigator · 800×600 © LocalHost Run