应启用Autopopup code completion并设延迟为0–200ms，勾选Basic/Smart type completion；关闭省电模式，开启Insert pair bracket及Auto-insert parentheses for method calls，HTML标签补全需先输入<再输标签名后按Tab。
WebStorm 的代码补全弹窗不是“开了就灵”，很多开发者明明启用了补全，却总觉得建议不精准、不自动、不带括号、甚至高亮错位——问题通常出在几处关键设置被默认关闭或冲突，而不是补全引擎本身失效。
怎么让补全弹窗自动弹出且不延迟
补全不弹，八成是 Autopopup code completion 被关了，或者延迟设得太高，导致你敲完字母才弹，已经错过节奏。
- 进入
Settings/Preferences → Editor → General → Code Completion - 勾选
Autopopup code completion - 把
Autopopup delay (ms)改成0或最多200（大于 300 就容易感知不到） - 顺手勾上
Show the code completion popup automatically下的全部子项：尤其是Basic completion和Smart type completion
注意：如果项目刚打开、索引未完成，首次补全可能卡顿，等右下角 “Indexing…” 消失再试。
为什么函数名补全后没自动加括号
这不是补全功能的问题，而是 Insert pair bracket 开关没开，或者省电模式（Power Save Mode）意外启用，直接禁用所有智能配对行为。
- 先确认右下角状态栏没有亮起
Power Save Mode—— 有就点掉 - 进
Settings/Preferences → Editor → General → Smart Keys - 务必勾选
Insert pair bracket - 如果还希望输入
console.后补全log并自动带()，额外勾选Auto-insert parentheses for method calls（该选项在部分版本中位于Code Completion页底部）
HTML 标签补全另算：必须先输 ，再输标签名，然后按 <code>Tab 或空格触发，不能靠 Ctrl+Space 强行唤出。
怎么让最匹配的补全项在弹窗里高亮显示
默认情况下 WebStorm 不会视觉强化“最相关项”，你需要手动开启这个标记逻辑，否则满屏相似名（比如一堆 handleClick、handleClose、handleInput）全靠肉眼扫。
- 路径仍是
Settings/Preferences → Editor → General → Code Completion - 勾选
Highlight most relevant items in completion popup（中文界面叫“若存在则标记补全弹窗中最相关的条目”） - 该功能依赖上下文分析，对 TypeScript 类型推导、JSDoc 注释、变量命名习惯越规范，高亮越准
它不会改变排序，只是给 top-1 加个浅蓝底色 + 左侧小图标，但足够你在快速扫视时锁定目标。
JavaScript 补全不准？检查 TypeScript Language Service 是否启用
纯 JS 文件的补全质量远低于 TS，但 WebStorm 允许你借力 TS 语言服务做类型增强补全，前提是明确启用——这步常被忽略。
- 进
Settings/Preferences → Languages & Frameworks → JavaScript → Libraries - 点击
Download…，装上typescript和@types/node（哪怕不用 TS 编译） - 返回
JavaScript → Language version，确保选的是ES6+或更高 - 最关键：在
Code Completion页面，确认勾选了Use TypeScript language service for JavaScript files
启用后，fetch().then(…) 补全能推导出 Response 类型，Array.prototype. 能区分 map 和 filter 的回调参数类型——这不是魔法，是补全精度的分水岭。
补全效果好不好，70% 取决于项目是否被正确识别（比如微信小程序要看到 project.config.json，Svelte 项目要有 svelte.config.js），剩下 30% 才是设置。别只调弹窗样式，先确保 WebStorm 知道你在写什么。
