webstorm真正支持typescript需三步：指定本地tsc路径（node_modules/typescript/lib/tsc.js）、正确配置file watcher为tsconfig.json类型、确保tsconfig.json存在且含关键字段（如"jsx":"preserve"、"moduleresolution":"node"、"outdir"），vue项目还需启用vue插件并声明。

WebStorm 要真正支持 TypeScript，不是装个插件或点几下设置就行——它必须明确知道用哪个 tsc、读哪份 tsconfig.json、以及是否启用类型检查服务。缺任何一环，都会出现“报错不红”“跳转失败”“保存不生成 JS”这类问题。

TypeScript 编译器路径必须指向本地 node_modules/typescript/lib/tsc.js

WebStorm 默认不认全局安装的 tsc，哪怕你在终端敲 tsc -v 能返回版本号，IDE 里依然会报 Cannot find TypeScript compiler。

• 先在项目根目录执行 npm install typescript --save-dev，确保 node_modules/typescript/lib/tsc.js 真实存在
• 进 Settings/Preferences → Languages & Frameworks → TypeScript，在 TypeScript version 下拉菜单中手动选 Project preferences → node_modules/typescript/lib/tsc.js
• 如果下拉列表为空，点右侧刷新按钮；还不行，就去终端运行 ls node_modules/typescript/lib/tsc.js 确认路径和权限
• 别选 Bundled 或留空——那只是语法高亮，不触发类型检查

File Watcher 必须选 tsconfig.json 类型，不能选 TypeScript

选错类型会导致 Watcher 完全忽略 tsconfig.json 里的配置，比如 outDir、skipLibCheck 全部失效，编译行为变成硬编码的旧逻辑。

Galileo TypeScript sdk

完整的Galileo AI平台 TypeScript/JS SDK 参考，用于评估、观察和保护 GenAI 应用。适用于构建 Node.js 或 TypeScript 项目。

下载

• 进 Settings → Tools → File Watchers，点 + → 选 tsconfig.json（不是 “TypeScript”）
• Working directory 必须设为项目根目录（即 tsconfig.json 所在路径），否则 tsc 找不到配置
• Arguments 推荐填：--project $ProjectFileDir$/tsconfig.json --noEmit false --skipLibCheck true
• 务必勾选 Auto-save edited files to trigger the watcher 和 Trigger the watcher on external changes，否则 Git 切换分支或 Prettier 格式化后不会重新编译

tsconfig.json 必须存在且关键字段不可省略

没有 tsconfig.json，WebStorm 的类型推导、自动导入、Ctrl+点击跳转全部退化为 JS 行为，尤其 Vue 单文件里 <script lang="ts"></script> 会直接当普通脚本处理。

• 用 tsc --init 在项目根目录生成基础配置
• compilerOptions 至少要包含："jsx": "preserve"、"moduleResolution": "node"、"strict": true、"include": ["src/**/*"]
• outDir 必须显式设置（如 "outDir": "./dist"），且不能是 "." 或嵌套在 src/ 下（比如 "./src/dist"），否则触发循环编译或报 Cannot write file because it would overwrite input file
• Output paths to refresh 填：$ProjectFileDir$/dist/$FileNameWithoutExtension$.js，留空 = WebStorm 不知道该刷新什么文件

Vue 3 + TS 项目额外要确认三件事

即使上面全对，ref、defineComponent 还是报红或跳转失败，大概率卡在这三个地方。

• 已启用官方 Vue.js 插件（Settings → Plugins 搜索并启用，重启 IDE）
• tsconfig.json 的 types 字段含 "vue"："types": ["node", "vue"]；没装就补上 npm install @types/vue --save-dev
• <script></script> 标签必须带 lang="ts"，写成 <script lang="ts"></script>，否则 WebStorm 当 JS 解析

最常被忽略的是：WebStorm 状态栏右下角没显示 TypeScript 小部件，说明语言服务根本没起来——这时候所有配置都白搭，得回头检查 tsc.js 路径和 Enable TypeScript compiler 是否勾选。