Sublime Text需依赖插件补足智能提示等核心能力,Package Control是唯一入口且必须正确安装;Emmet、AutoFileName、LSP-eslint等插件功能均依赖准确的语法识别(右下角状态栏)和正确配置。

Sublime Text 本身不带任何智能提示、路径补全或语法校验能力,所谓“神级插件”不是锦上添花,而是补足编辑器原生缺失的生产必需能力——没它们,写前端就是纯手敲+肉眼查错。
Package Control 必须手动装对,否则所有插件都进不来
它是 Sublime 插件系统的唯一入口,不是可选项。ST4 已全面迁移到 Python 3,旧版脚本(比如用 urllib2 或缺 hashlib.sha256 校验段)执行后看似成功,实则 Package Control: Install Package 命令无响应。
- 打开控制台:
Ctrl + `,粘贴 packagecontrol.io 页面标有 “Sublime Text 4” 的完整安装脚本(含h = 'df21e130' + 'eea76'这类 SHA256 校验值) - 执行后看到
Successfully installed提示,**必须重启 Sublime Text** - 重启后按
Ctrl + Shift + P输入Package Control: Install Package,左下角出现Fetching list of available packages才算真正就位 - 若仍无反应,先运行
Package Control: Synchronize Sources;公司网络开代理时,临时关闭再试
Emmet 在 .vue 文件的 区域默认不生效
装完 Emmet 后,在普通 .html 文件里输 div>ul>li*3 按 Tab 能展开,但在 .vue 文件里没反应——这不是插件坏了,是语法识别没切对。
- 必须同时安装
Vue Syntax Highlight,并**重启 Sublime Text** - 打开
.vue文件,看右下角状态栏:如果显示的是HTML或Plain Text,点击它手动切换为Vue - 若项目用
<script setup></script>,原生 Vue 语法高亮支持仍弱,Vue Syntax Highlight是刚需 - JS/JSX 文件中 Emmet 默认不触发,需进
Preferences → Package Settings → Emmet → Settings,加一行:"syntax_scopes": {"javascript": "source.js"}
AutoFileName 找不到子目录文件,根本原因是项目根目录没设对
在 <img src="./<cursor>" alt="Sublime前端开发者必备的十大神级插件" > 里按 Ctrl + Space,弹出的列表空空如也?不是插件失效,是它压根没扫描到你的 assets/img/ 目录。
立即学习“前端免费学习笔记(深入)”;
- 必须通过
Project → Add Folder to Project把整个项目根目录加进来,不能只打开单个文件 - AutoFileName 默认**不扫描
node_modules**,也不识别 Webpack 别名(如@/components),这类路径得靠 ESLint 提前报错拦截 - 它只在当前语法为
HTML或CSS时激活,右下角状态栏显示不对,补全就不起作用 - 补全触发方式是光标停在引号内末尾后按
Ctrl + Space(不是Tab)
SublimeLinter-eslint 和 LSP-eslint 别同时启用
两者都会监听文件保存事件,容易重复报错、标红错位,甚至导致编辑器卡顿。LSP 是当前更深度集成的方案,SublimeLinter 更适合轻量校验场景。
- 若已装
LSP及LSP-eslint,就**禁用SublimeLinter-eslint**(进Preferences → Package Settings → SublimeLinter → Settings,删掉对应 linter 配置) - SublimeLinter 本身只是调度器,只装它不装具体 linter(如
SublimeLinter-eslint),编辑器完全静默,不会标红也不会提示 - ESLint 规则必须存在项目根目录:
.eslintrc.js或package.json中有eslintConfig字段,否则提示No config found - 全局安装的
eslint和项目本地node_modules版本冲突时,优先配置 SublimeLinter 使用项目内二进制路径
最常被忽略的一点:所有插件的能力边界都依赖于当前文件的语法识别是否准确——右下角状态栏显示什么,就决定了 Emmet、AutoFileName、LSP 等插件能不能动。别跳过这一步,它比装十个插件都关键。


















