VSCode如何配置SolidJS开发环境

先说个结论：在VSCode里折腾SolidJS开发环境，扛过新手期的关键点其实就三个——配置文件写对、插件装对、TS Server重启到位。几乎所有人都在这几个地方踩过坑，到头来发现根本不是代码的问题。

最常见的情况是：createSignal灰色不报错、JSX标签白花花一片没高亮、鼠标悬停上去连个提示都没有。这时候别急着怀疑插件装少了。问题十有八九出在tsconfig.json里，两个选项必须配齐——"jsx": "preserve"和"jsxImportSource": "solid-js"。前者告诉TypeScript：别动JSX，让Solid编译器自己处理。你要是设成"react"，VSCode就当成React来解析，onMount保准报红。后者更是关键，值必须严格是"solid-js"，写错成"solid-js/web"或者带上路径，Solid的类型定义就挂不上。

这两个字段缺一不可，顺序无所谓，但必须同时存在。如果项目用的是jsconfig.json（纯JS项目），同样要加上这两项。很多新手栽在"我配了一个咋还不行"这种误区里。

插件：只认这个，其他别乱装

说完配置文件，再说插件。很多人在VSCode里搜"SolidJS"就随手点进第一个结果装。但solidjs.solidjs这个插件已经废弃了，不支持TSX，也跟不上Solid v2+的节奏。装了它反而会干扰类型推导，让你的代码提示变得更糟。

真正靠谱的是solidjs-community.solid-js-vscode，作者是solidjs-community。别搞错了。还建议装个esbenp.prettier-vscode来统一格式化，但注意prettier-plugin-solid没必要单独装——它已经合并进了主插件，重复装反而可能打架。

一句话：把其他所有与Solid相关的插件全部卸载，特别是Volar的Solid分支。Volar本来是Vue专用的LSP，强行接给Solid用只会让JSX解析错乱，得不偿失。

TS Server不重启等于白忙活

好多人改了tsconfig.json、装了插件，兴冲冲地去测代码，发现该报错还是报错，该灰色还是灰色。为什么？因为TypeScript语言服务没重载。VSCode不会自动感知这些变化，你得手动让它重新加载一次才行。

快捷键很简单：Ctrl+Shift+P（或Cmd+Shift+P），输入Restart TS server，回车。然后打开一个.tsx文件，把光标停在createEffect上，看看有没有完整的类型签名弹出来。再敲个