PhpStorm默认不自动识别Vue/React语义，需手动注入语言、配置SDK及类型定义：template/script块须右键注入HTML/JS或TS；启用Vue.js插件；Project SDK指向Node.js；package.json含本地vue依赖；React需设JavaScript版本为React JSX，并关联.jsx/.tsx文件类型。
PhpStorm 默认不自动识别前端框架语义，没提示不是坏了，是它根本不知道你在写 Vue 或 React —— 补全、跳转、校验全靠手动“告诉”它上下文。
Vue 单文件组件 template/script 块没补全？先注入语言再核 SDK
Vue 文件里 <template> 写 v-if 没提示、<script> 里 ref 标红，90% 是语言没注入，不是插件没装。
- 右键点击
<template>标签 → Inject language or reference → 选HTML - 右键点击
<script>标签 → 同样操作，选JavaScript或TypeScript（取决于你实际用的脚本类型） - 确认已启用官方
Vue.js插件（Settings → Plugins搜并启用） -
File → Project Structure → Project SDK必须指向有效的Node.js解释器，不是 PHP 的 - 项目根目录要有
package.json，且含本地"vue": "^3.4.0"类依赖；node_modules不能被忽略（右键 → Mark as → Excluded 的话要取消）
React JSX 语法报错或无跳转？必须切语言模式 + 关联类型定义
return <div>Hello</div> 被标红，说明 PhpStorm 还在用纯 JavaScript 模式解析，JSX 根本没启用。
- 进
Settings → Languages & Frameworks → JavaScript，把JavaScript language version改成React JSX - 确保
node_modules/react存在且可读；若用 pnpm/Yarn PnP，在Node.js and NPM设置里手动指定node_modules路径 -
.jsx/.tsx文件需在Settings → Editor → File Types中关联到JavaScript或TypeScript类型 - TypeScript 项目还需检查
tsconfig.json：确认compilerOptions.jsx设为preserve或react-jsx，且types数组含"react"
PHP 文件里 echo 的 HTML 字符串不支持跳转？手动注入或配规则
echo '<div class="header"></div>' 里点不了 class、补不了标签？这不是 bug，是默认当纯字符串处理。
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
立即学习“PHP免费学习笔记（深入）”；
- 把光标放进引号内，按
Alt+Enter（Win/Linux）或Option+Enter（macOS），选Inject language or reference → HTML - 想一劳永逸：进
Settings → Editor → Language Injections，点+，Pattern 填echo\s*['"]([^'"]*)['"]，Injector language 选HTML - 同理可配 CSS 类名字符串（注入
CSS）或内联 JS（注入JavaScript） - 注意：注入只对当前匹配内容生效，不会影响变量拼接或函数返回值
style scoped 里的 class 名无法 Ctrl+Click 跳转？lang 属性和插件缺一不可
<style scoped> 里写了 .btn { color: red }，但模板中 class="btn" 点不进去？说明 PhpStorm 没把它当预处理器处理。
-
<style>标签必须显式带lang属性，例如<style lang="scss" scoped>；没写lang就算装了 Sass 插件也无效 - 安装对应预处理器插件：
Sass、Less、PostCSS都是独立插件，不包含在Vue.js插件里 - PostCSS 自定义语法（如
color-mix()）PhpStorm 不解析，这类写法会报错，别指望跳转或补全 - 如果用了别名路径（如
@/styles/main.scss），记得右键项目根目录 → Mark Directory as → Resources Root
最常被忽略的其实是 node_modules 是否被正确加载和未被排除，以及 Project SDK 是否真的指向 Node.js——这两处一错，所有框架支持都建立在流沙之上。
