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></template> 写 v-if 没提示、<script></script> 里 ref 标红,90% 是语言没注入,不是插件没装。
- 右键点击
<template></template>标签 → Inject language or reference → 选HTML - 右键点击
<script></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 根本没启用。

