用VSCode开发SolidJS项目关键在于选对插件和工具链：装Solidity（支持JSX高亮）、ES7+ snippets、Prettier；用create-solid-app初始化；Vite默认支持HMR；tsconfig.json配baseUrl和paths实现路径别名。
用 VSCode 开发 SolidJS 项目非常顺畅，关键在于装对插件、配好工具链，而不是堆砌配置。
VSCode 默认不带 SolidJS 支持，装这几个插件就够用：
rfc、rafce 等快捷片段，稍作调整就能写 Solid 组件（比如把 React.FC 换成 Component）.prettierrc 启用 semi: false 和 singleQuote: true 更贴合社区习惯别直接克隆 GitHub 上的老模板。SolidJS 官方推荐用 create-solid-app 脚手架，一步到位：
npx create-solid-app@latest my-app --template typescript
npm install，再用 code . 在 VSCode 中打开tsconfig.json 和 vite.config.ts，无需手动配置 TypeScript 路径解析Vite + SolidJS 默认支持 HMR（模块热替换），但要注意两点：
vite.config.ts 中没禁用 hmr（默认开启，一般不用动）npm run dev 即可；浏览器访问 http://localhost:5173，改代码保存后界面秒级更新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
0
"compilerOptions": {
"baseUrl": "./src",
"paths": {
"@/*": ["*"],
"@components/*": ["components/*"],
"@stores/*": ["stores/*"]
}
}
之后就能写 import Button from "@/components/Button"，VSCode 自动识别并提供跳转和补全。
基本上就这些。不复杂但容易忽略的是：别急着装一堆“SolidJS 专用”插件，官方生态还在演进，稳住 Vite + TypeScript + Prettier 这个铁三角，开发体验已经很顺了。
以上就是VSCode与SolidJS开发环境搭建的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
608
收藏
