必须立刻改的三项设置是：Editor > Font调字号至14–16并启用连字；Editor > Color Scheme > General调浅错误标记与行号颜色；Editor > General > Auto Import启用自动导入优化，避免干扰判断。
刚装好 WebStorm，哪些设置必须立刻改
不改就卡、不改就找不到代码、不改就写错格式——这几个地方改完再开始写代码。
打开 Settings（Windows/Linux 是 Ctrl+Alt+S，macOS 是 Cmd+, ），优先处理这三项：
-
Editor > Font：把字号调到 14–16，勾选Enable font ligatures（如果用 Fira Code 或 JetBrains Mono） -
Editor > Color Scheme > General：把Error stripe mark和Line number颜色调浅一点，不然看久了眼睛累 -
Editor > General > Auto Import：勾选Add unambiguous imports on the fly和Optimize imports on the fly，否则满屏灰色未引用的 import 会干扰判断
运行/调试配置怎么设才不踩坑
临时配置看着方便，但关掉 IDE 就丢；永久配置不设好，npm start 一跑就报 Command not found。
新建一个永久配置比点右键运行靠谱得多：
- 进
Run | Edit Configurations→ 点+→ 选NPM -
Package.json路径要填绝对路径或项目根目录下的相对路径（比如./package.json），别留空 -
Command填start（不是npm start），Working directory必须设为项目根目录（WebStorm 有时默认错成子文件夹） - 勾选
Allow parallel run，否则改完代码想重跑，得先手动停上一个进程
插件装多了反而慢？只留这 4 个够用
WebStorm 启动慢、打字卡顿，八成是插件堆太多。官方插件市场里搜出来的“推荐插件”，很多和你项目无关。
按真实开发场景筛选，以下四个开箱即用、无副作用：
-
ESLint：必须开，配好项目根目录下.eslintrc.js就自动标红错误，不用等保存 -
Prettier：和 ESLint 冲突？在Settings > Languages & Frameworks > JavaScript > Code Quality Tools > Prettier里关掉Run for files的自动格式化，改用保存时触发（Ctrl+S触发更可控） -
GitToolBox：显示行级 commit 记录、分支名在状态栏、当前行作者——查协作问题时省掉一半git blame时间 -
Markdown Navigator Enhanced：原生 Markdown 预览不支持 Mermaid 和数学公式，这个插件补全了，且不拖慢编辑器
项目大了就卡？索引和内存得手动调
打开一个 5w 行的 Vue 项目，WebStorm 卡成 PPT，不是电脑不行，是默认配置没适配。
两步解决：
- 进
Help | Change Memory Settings，把Maximum heap size改成4096（单位 MB），重启生效；别盲目加到 8G，JVM GC 反而更频繁 - 右键项目里
node_modules→Mark Directory as | Excluded；同理，dist、build、.next这些产出目录全排除——它们不该参与代码跳转和类型推导
排除后，Ctrl+Click 跳转快了，Shift+Shift 全局搜索结果也干净了。别信“全自动索引最智能”，大项目里，明确告诉 IDE 什么不该管，才是真高效。
