WebStorm通过自动下载@types类型定义实现第三方库代码提示，CDN引入需手动附加文件并配置，无类型库可安装@types或添加JSDoc，自动导入需ES6+语法及正确设置。
WebStorm怎么让第三方库有代码提示
直接下载官方库最省事，但得确认你用的是标准包名（比如 vue、lodash），不是 CDN 链接或自定义打包文件。WebStorm 会自动识别 npm 包名并拉取类型定义（@types/xxx），只要网络通、项目有 node_modules 目录，就能立刻补全。
- 打开
Settings | Languages & Frameworks | JavaScript | Libraries - 点
Download→ 等列表加载完 → 搜索库名 → 点Download and install - 若没找到，切到
TypeScript community stubs标签页再搜（很多纯 JS 库的类型定义在这里） - 装完不用重启，光标悬停在库函数上，立刻能看到类型和文档
CDN 引入的 JS 文件怎么加提示
CDN 地址（比如 https://cdn.jsdelivr.net/npm/vue@2.7.18/dist/vue.min.js）不会自动触发类型提示，WebStorm 不知道它对应哪个包。必须手动告诉 IDE 这个文件“代表什么”。
- 把 CDN 文件本地保存（比如存为
libs/vue.min.js） - 进
Settings | Languages & Frameworks | JavaScript | Libraries - 点
+→Attach Directory或Attach File→ 选中你存的文件或目录 - 名称随便起（如
vue-cdn），Visibility 建议选Project - 勾选右侧的复选框，表示“启用这个库的代码提示”
如果还是没提示，右键该 JS 文件 → Download TypeScript definitions（仅对知名库有效）；否则就得手动配 jsconfig.json 或加 JSDoc 注释。
node_modules 里没类型定义的库怎么补全
像 axios、moment 这类主流库自带类型，但很多小众或老库（比如 qs 旧版）没有，WebStorm 就只能靠 JSDoc 或 @types 补丁。
- 先试
npm install -D @types/qs（把库名换成你要的） - 如果
@types不存在，去 DefinitelyTyped 搜，看有没有 PR 或社区维护分支 - 实在不行，在调用处加 JSDoc：
/** @type {import('qs').ParsedQs} */ const result = qs.parse(...) - 或者全局声明：在项目根目录建
global.d.ts，写declare module 'qs';（补全会弱，但至少不报红）
为什么提示有了但 Alt+Enter 不自动 import
代码提示和自动导入是两套机制。提示只是告诉你“这个东西存在”，而自动 import 要求：导出语法是 export（不是 module.exports）、语言级别设为 ECMAScript 6+、且三个 Auto Import 开关全开。
- 检查
Settings | Languages & Frameworks | JavaScript | Language version是不是ECMAScript 6+ - 进
Settings | Editor | General | Auto Import，三个选项必须都勾： Add ES6 imports on code completionShow auto-imports tooltipOptimize imports on the fly- 如果是 TypeScript 项目，还要确认
tsconfig.json里"module": "ESNext"，别用commonjs
最常被忽略的是：CDN 文件或手动附加的 JS 库，即使有提示，也不会触发自动 import——因为它们没按模块规范导出，WebStorm 无法安全推断导入路径。
