IntelliJ IDEA Ultimate 是硬性前提，社区版无法启用 Vue.js 插件；插件搜不到需检查版本是否≥2019.3、网络/缓存是否正常、关键词是否为“Vue.js”；Node.js 运行时须在项目级 Settings → Languages & Frameworks → JavaScript → Node.js 中手动配置；Vue 3 + TS 项目需确保 tsconfig.json 包含 "types": ["vue"] 并正确关联 .vue 文件类型。
IntelliJ IDEA Ultimate 是硬性前提，社区版无法启用 Vue.js 插件 —— 这不是功能限制，而是 JetBrains 的商业策略决定的，装了也白装。
Vue.js 插件在 Settings → Plugins 里搜不到？先查版本和网络
很多人点开 Plugins 页面搜 “Vue”，结果空空如也，第一反应是“插件下架了”或“IDEA坏了”。其实更大概率是以下三个原因：
- IDEA 版本低于
2019.3：Help → About 里看版本号，旧版不兼容，必须升级； - 插件市场被墙或缓存失效：File → Invalidate Caches and Restart → Invalidate and Restart；
- 搜错了关键词：别只输 “vue”，试试 “Vue.js”（带点和大小写）或 “@vue” —— 官方插件名就是
Vue.js，不是 “vue-plugin” 或 “vue-support”。
确认无误后，在 Marketplace 标签页搜 Vue.js，点击 Install，重启 IDEA。
Node.js 运行时没配好，插件就等于半残
插件装上了，但 .vue 文件里没有组件跳转、ref 变量没类型提示、defineComponent 报红 —— 很可能是 Node.js 运行时没绑定到项目级。这不是全局设置，而是每个项目单独配的：
立即学习“前端免费学习笔记（深入）”；
- 打开 Settings → Languages & Frameworks → JavaScript → Node.js，检查
Node interpreter字段是否指向一个真实存在的node可执行文件（比如/usr/local/bin/node或C:\Program Files\nodejs\node.exe）； - 如果字段为空或显示
Not configured，点右侧…按钮手动指定； - 配完别忘了 Apply，否则 Vue.js 插件读不到运行时，语法校验和 CLI 集成全部失效。
这个配置直接影响 create-vue 脚手架能否在 IDEA 内直接调用，也影响 ESLint 和 TypeScript 的路径解析。
Vue 3 + TypeScript 项目里 setup 语法没提示？检查语言版本和依赖
新建的 Vue 3 项目，<script setup> 里写 const count = ref(0)，但 ref 不自动 import、也不提示类型 —— 这通常不是插件问题，而是项目本身缺关键依赖或配置：
- 确保项目根目录有
tsconfig.json，且其中包含"compilerOptions": { "types": ["vue"] }； - 确认已安装
@vue/runtime-dom和@vue/reactivity（Vue 3.3+ 推荐用@vue/reactivity替代@vue/composition-api）； - IDEA 默认识别
.vue为 HTML 类型，需右键.vue文件 → Override File Type → Vue.js，强制关联； - 如果用了 Volar（VS Code 主流方案），注意 IDEA 不支持 Volar，必须靠内置
Vue.js插件 + 正确 TS 配置来补全。
这个环节最容易被忽略的是 tsconfig.json 里漏掉 "vue" 类型声明 —— 没它，IDEA 就不知道 defineComponent 返回什么，ref 的泛型推导也会断掉。
真正卡住人的地方，往往不在“怎么装”，而在“装完之后谁在管 Node.js 运行时、谁在读 tsconfig、谁在决定 .vue 文件按什么规则解析”。这三个点串不起来，插件图标再漂亮也没用。
