Sublime Text前端插件问题需逐项排查：Package Control安装需匹配ST版本与网络环境；Emmet失效多因语法模式错误或Tab键被劫持；ESLint不标红线常因路径、Node版本或配置文件位置错误；Vue/JSX高亮异常应使用专用语法包并手动设置。
Package Control 装不上？先确认 Sublime Text 版本和网络代理
Sublime Text 4 默认自带 Package Control，但如果你用的是 ST3，必须手动安装——而且官网下载地址已变，旧脚本会失败。https://packagecontrol.io/installation 页面只提供最新版安装代码，ST3 用户得选「Stable Channel」对应版本。国内用户常卡在 urllib.error.URLError 或空白弹窗，大概率是被代理或防火墙拦截。别急着换源，先试下终端里跑：curl -s https://packagecontrol.io/ | grep -i "sublime text" 看能不能通。如果不行，临时关掉公司代理或加 --proxy 参数重装。
Emmet 不生效？检查语法模式和触发键是否被覆盖
装完 Emmet 插件后敲 div.container>ul>li*3 按 Tab 没反应，不是插件坏了，而是当前文件没识别成 HTML。看右下角状态栏，如果不是 HTML 或 Vue Component，点它手动切；或者保存为 .html 后缀再试。另一个常见坑：某些键盘映射插件（比如 Origami）会劫持 Tab 键，导致 Emmet 触发失败。临时禁用其他插件，只留 Emmet 测试；确认生效后，再进 Preferences → Key Bindings 查有没有重复绑定 tab 的规则。
ESLint 报错但不标红线？路径、Node 版本和配置文件位置全要对上
SublimeLinter-eslint 插件装了，控制台也显示 eslint --version 成功，但代码里写 const a = 1; 却不报 no-unused-vars，问题通常出在三处：
-
node_modules/.bin/eslint路径没填对，尤其 Windows 用户容易漏掉.cmd后缀（应填node_modules\.bin\eslint.cmd） - 全局安装的 ESLint 和项目本地的
eslint版本不一致，优先用本地的——插件设置里开"lint_mode": "load_save"并确保项目根目录有package.json -
.eslintrc.js放错位置，它必须在打开的文件所在目录或其任意父级，不能只放在 Sublime 的 Packages 目录里
Vue / JSX 文件语法高亮乱套？别硬套 JavaScript 插件
直接把 .vue 文件用 JS 语法打开，<template> 里的 HTML 就变白底黑字，<script> 里的箭头函数也没颜色。正确做法是装 Vue Syntax Highlight（不是 VueJS），然后右键 → Set Syntax → Vue Component。JSX 同理，别用 Babel 或 React 插件，搜 React JSX 插件，装完后对 .jsx 文件右键设语法。注意：Sublime Text 4 内置了部分 Vue 支持，但如果项目用了 <script setup></script> 或 defineProps，还得额外装 Vue 3 Snippets 才能补全。
立即学习“前端免费学习笔记（深入）”；
前端插件不是装上就完事，每个都卡在具体路径、语法上下文或版本对齐上。最常被跳过的其实是「右键 → Set Syntax」这一步——很多人以为自动识别万能，其实 Sublime 只看后缀和首行注释，没匹配就回退到纯文本。
