.ignore插件能一键将选中文件夹（如node_modules）添加到.gitignore并自动执行git rm -r --cached，避免手动切终端、记命令和误操作。
WebStorm 本身对现代网页开发（HTML/CSS/JS/TS/Vue/React）已有极强开箱支持，所谓“必备插件”其实是补足特定工作流短板的工具，不是功能缺失的救急方案。盲目装一堆插件反而拖慢启动速度、引发冲突、掩盖真实配置问题。
哪些插件真能省下重复操作？
真正值得装的，是那些把「手动命令」变成「右键一点就干完」的插件：
-
.ignore：生成和维护.gitignore文件最顺手的方式。选中node_modules或dist文件夹 → 右键 →Add to .gitignore，它会自动写入规则并清除 Git 缓存（等价于git rm -r --cached <path>）。不装它，你得记命令、切终端、防手误。 -
CodeSearch：选中报错信息（比如TypeScript error TS2339）、函数名（useEffect）、或 CSS 属性（contain-intrinsic-size），右键 →Search on StackOverflow，直接跳转高相关答案。国内用户务必在设置里把搜索引擎换成 Baidu 或 GitHub。 -
Kubernetes（仅限容器化部署场景）：如果你的网页最终跑在 K8s 上，这个插件能让k8s.yaml文件获得字段补全、CRD 验证、kubectl get pods日志内嵌查看——否则你得反复切终端、查文档、手写 YAML 容易拼错apiVersion。
像 Power Mode II 这类纯视觉插件，WebStorm 启动变慢、CPU 占用升高，且和调试/构建流程完全无关，建议跳过。
TypeScript 和 JSX/TSX 文件为什么没提示？
不是插件没装，而是项目没被正确识别为 TypeScript 项目。WebStorm 不靠插件驱动语言支持，而是靠 tsconfig.json 文件的存在和内容：
- 确保项目根目录下有
tsconfig.json，哪怕是最简配置：{ "compilerOptions": { "target": "ES2020", "module": "commonjs" } } - 如果用的是 Vite + React，确认
tsconfig.json中包含"jsx": "react-jsx"，否则.tsx文件里的 JSX 不会被解析，补全和错误检查全部失效。 - 删掉
node_modules后重新yarn install或npm install，然后在 WebStorm 中点击File | Reload project—— IDE 不会自动感知node_modules变化，不手动重载，类型定义不会加载。
运行和调试网页时常见失败点
WebStorm 的 Run 按钮默认不启动本地服务器，它只执行 Node.js 脚本。要真正预览网页，必须配对使用正确的运行配置：
- 不要用
Node.js配置去运行vite或next dev—— 这会导致Error: Cannot find module 'vite'，因为Node.js配置默认不读取package.json的scripts字段。 - 应该用
npm配置模板：打开Run | Edit Configurations→ 点+→ 选npm→ 在Command填run，Scripts填dev（对应"scripts": { "dev": "vite" }）。 - 调试前端代码时，别依赖
debugger语句配合浏览器控制台——WebStorm 的JavaScript Debug配置能直接在 IDE 里设断点、看作用域、单步执行，前提是 Chrome 已安装 JetBrains IDE Support 插件，并在运行配置中勾选After launch→Open in browser。
最容易被忽略的是：WebStorm 的「项目级设置」和「IDE 级设置」是分开的。比如字体大小调好了，但新建项目还是默认字号——那是因为你改的是 IDE 设置（Ctrl+Alt+S → Editor → Font），而项目有自己的编码格式规则（.editorconfig 或 Settings | Editor | Code Style 里的项目专属配置）。一个地方改，另一个地方未必同步。
