用VSCode开发SolidJS项目关键在于选对插件和工具链：装Solidity（支持JSX高亮）、ES7+ snippets、Prettier；用create-solid-app初始化；Vite默认支持HMR；tsconfig.json配baseUrl和paths实现路径别名。
用 VSCode 开发 SolidJS 项目非常顺畅，关键在于装对插件、配好工具链，而不是堆砌配置。
必备插件：轻量但管用
VSCode 默认不带 SolidJS 支持，装这几个插件就够用：
- Solidity (by Juan Blanco) —— 别被名字骗了，它其实也支持 SolidJS 的 JSX 高亮和基础智能提示（SolidJS 官方暂未出独立插件，这个是目前最稳定的替代）
-
ES7+ React/Redux/React-Native snippets —— 可复用其中的
rfc、rafce等快捷片段，稍作调整就能写 Solid 组件（比如把React.FC换成Component） -
Prettier —— SolidJS 推荐用 Prettier 格式化，配合
.prettierrc启用semi: false和singleQuote: true更贴合社区习惯
项目初始化：跳过模板陷阱
别直接克隆 GitHub 上的老模板。SolidJS 官方推荐用 create-solid-app 脚手架，一步到位：
- 终端运行：
npx create-solid-app@latest my-app --template typescript - 进项目后执行
npm install，再用code .在 VSCode 中打开 - VSCode 会自动识别
tsconfig.json和vite.config.ts，无需手动配置 TypeScript 路径解析
调试与热更新：开箱即用
Vite + SolidJS 默认支持 HMR（模块热替换），但要注意两点：
- 确保
vite.config.ts中没禁用hmr（默认开启，一般不用动） - VSCode 内置终端运行
npm run dev即可；浏览器访问http://localhost:5173，改代码保存后界面秒级更新 - 如需断点调试，在 TSX 文件打上
debugger，然后用 VSCode 的“运行和调试”面板选Chrome或Edge启动器（需提前安装对应浏览器扩展）
类型提示与导入路径：少写相对路径
SolidJS 项目常有深层嵌套组件，手动写 ../../../components/... 易出错。在 tsconfig.json 里加一段别名配置即可：
飞蛙B2B2C（FeiWa B2B2C）商城系统是山东破浪网络科技有限公司于2017年最新推出的企业级B2B2C电商平台系统，采用PHP5+MySQL技术为基础，OOP（面向对象）方式进行核心框架搭建，结合MVC模式进行开发，可以支持Windows/Unix服务器环境，需PHP5.3及以上版本支持，可运行于包括Apache、IIS和Nginx在内的多种WEB服务器。飞蛙B2B2C（FeiWa B2
"compilerOptions": {
"baseUrl": "./src",
"paths": {
"@/*": ["*"],
"@components/*": ["components/*"],
"@stores/*": ["stores/*"]
}
}
之后就能写 import Button from "@/components/Button"，VSCode 自动识别并提供跳转和补全。
基本上就这些。不复杂但容易忽略的是：别急着装一堆“SolidJS 专用”插件，官方生态还在演进，稳住 Vite + TypeScript + Prettier 这个铁三角，开发体验已经很顺了。
