sublime text 无法实现 vue3 语义级类型感知，但可通过插件组合获得基础开发支持：vue syntax highlight 实现 .vue 文件三段式高亮，typescriptsyntax 支持 tsx 语法，sublimelinter-eslint 集成 eslint 提供错误提示；ref 类型推导、模板跳转、hover 类型签名等需 lsp 的功能则无法实现。
defineComponent 参数推导、props 类型跳转、ref 响应式解包提示等），**它无法像 VS Code + Volar 那样做语义级类型感知**。但通过合理组合插件和外部工具链，你可以在 Sublime 中获得「看得清、写得顺、错得早」的开发体验——关键不是让编辑器变智能，而是让它不拖后腿。
如何让 .vue 文件正确高亮并区分 script/template/style
核心靠 Vue Syntax Highlight 插件，它能识别单文件组件的三块结构，并自动嵌套使用 HTML / JavaScript / CSS 语法高亮。
- 安装方式：按
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜索并安装Vue Syntax Highlight - 装完后打开任意
.vue文件，右下角若显示Plain Text，点击它 → 选择Open all with current extension as → Vue Component - ⚠️ 注意：别装已废弃的
vue-component（只支持 ST2），会报ImportError: No module named 'sublime_plugin' - 如果
script区域用了 TS 或 JSX，可手动切换语法为TypeScript JSX（见下节），Vue Syntax Highlight会自动接管 template/style 部分
如何让 .tsx 文件正确识别为 TSX 而非 JS
Sublime 默认把 .tsx 当作普通 JS，导致 JSX 标签红标、泛型报错、defineComponent 无高亮——这是 Vue3 + TSX 开发最常卡住的第一步。
- 先确保已安装
TypeScriptSyntax（注意名称含全角空格）：通过 Package Control 安装，不是官方 TypeScript 插件 - 打开一个
.tsx文件 → 右下角点击当前语法（如JavaScript）→ 选择TypeScriptSyntax → TypeScript JSX - 永久生效：菜单
Preferences → Settings – Syntax Specific，填入：{ "syntax": "Packages/TypeScriptSyntax/TypeScript JSX.sublime-syntax" } - ✅ 验证点：输入
<div>{props.msg}</div>不再标红；import { ref }能高亮关键词；export default defineComponent({后按回车能自动缩进
如何启用 Vue3 相关错误提示（ESLint + eslint-plugin-vue）
Sublime 不做类型检查，但可以调用项目本地的 ESLint 实时标出 v-model 拼写错误、setup() 返回值缺失、defineProps 类型未声明等问题。
- 项目中必须已安装：
npm install eslint eslint-plugin-vue --save-dev
- 根目录有
.eslintrc.js，且extends包含plugin:vue/vue3-recommended - 安装
SublimeLinter和SublimeLinter-eslint（两者都要） - 配置路径指向项目本地 ESLint：
{ "linters": { "eslint": { "executable": ["npm", "exec", "--", "eslint"], "args": ["--stdin", "--stdin-filename", "@"], "working_dir": "${project_path:${folder}}" } } } - ⚠️ 常见失败原因：没装
eslint-plugin-vue；.eslintrc.js里漏了plugin:vue/...；ESLint 找不到node_modules（确认 Sublime 是从项目根目录打开的，而非某个子文件夹）
哪些“提示”永远做不到？提前管理预期
别浪费时间折腾这些——它们是语言服务（LSP）或 IDE 特性，Sublime 架构上不支持：
立即学习“前端免费学习笔记（深入）”；
-
ref()的值自动推导类型（例如const count = ref(0)→ 输入count.不会弹出.value提示） - 在
<template></template>中点击v-if跳转到对应逻辑定义 - 鼠标悬停显示
defineProps()的完整类型签名 -
defineEmits声明后，emit('xxx')的参数自动补全
这些能力依赖 TypeScript Server 或 Vue Language Features，而 Sublime 没有内置 LSP 客户端（不像 VS Code）。想获得这类体验，要么换编辑器，要么接受 Sublime 只负责「写对」，把「理解对」交给终端里跑的 tsc --noEmit --watch 和浏览器控制台。
