必须禁用vetur、启用volar,否则defineprops和ref会报红;需配置tsconfig.json含"jsx":"preserve"和"types":["vue"],启用codegeex项目上下文,并设置vue3 live template。

必须禁用 Vetur、启用 Volar,否则 defineProps 和 ref 会报红
WebStorm 默认识别 Vue 文件时依赖 Vetur,但它只适配 Vue 2 和 Options API,对 Vue 3 的 script setup、defineProps、defineEmits 等语法完全无感知。你看到的“defineProps is not defined”或类型推导失效,90% 是这个原因。
- 进 Settings → Plugins → 搜索
Vetur→ 点击 Disable(不是卸载,避免影响旧项目) - 搜索
Volar→ 安装并重启 WebStorm - 重启后,打开任意
.vue文件,右下角状态栏应显示 “Volar: TS” 或 “Volar: Vue”;若显示 “Vetur”,说明没生效 - 额外检查:Settings → Languages & Frameworks → TypeScript → 取消勾选 “Use configured TypeScript version for Vue files”,改由 Volar 全权接管类型服务
开启项目上下文感知,不然 CodeGeeX 生成的代码全是 Vue 2 风格
CodeGeeX 插件默认只看当前文件,不知道你用的是 Vue 3 + TypeScript,容易输出 export default { data() { ... } } 这种 Options API 代码。必须让它读取项目真实配置。

