sublime text 4 开箱即用需装5个核心插件:package control(唯一手动装的前置依赖,必须用st4专用脚本)、emmet、autofilename、css3、chineselocalization+converttoutf8、sublimelinter+eslint/stylelint。

Sublime Text 4 要真正开箱即用,不是装一堆插件,而是选对 5 个核心插件:它们覆盖语法识别、路径补全、结构生成、代码校验和中文支持,且彼此不冲突。Package Control 是唯一必须手动装的前置依赖,其他所有插件都靠它拉取——没它,Ctrl+Shift+P 输入任何插件名都不会响应。
Package Control 必须用 ST4 专用脚本安装
旧脚本(比如 ST3 或网上搜到的“通用”版本)在 ST4 上大概率静默失败:控制台显示 Success!,但重启后 Package Control: Install Package 命令无反应。根本原因是 Python 3 模块变更 + 缺失 SHA256 校验。
- 打开控制台
Ctrl+`,粘贴官网packagecontrol.io页面明确标注为 “Sublime Text 4” 的完整脚本(含h = 'df21e130' + 'eea76'这类校验值) - 执行后看到
Success! Please restart Sublime Text才算初步成功 - 重启后按
Ctrl+Shift+P输入Package Control: Install Package,左下角出现Fetching list of available packages且不报错,才算真正就位 - 若卡住,先执行
Package Control: Synchronize Sources;仍不行,临时关代理或换手机热点重试
前端三件套:Emmet + AutoFileName + CSS3
这三个解决每天高频、重复、极易出错的三件事:写 HTML 结构慢、引路径手抖、CSS 属性记不全。它们都依赖当前文件语法正确识别,不装 Vue Syntax Highlight 就别指望 .vue 文件里 div.container>ul>li*3 按 Tab 有反应。
-
AutoFileName默认只扫描项目根目录下的文件;没通过Project → Add Folder to Project设置根目录,它就找不到assets/img/logo.png -
CSS3补全flex、grid、clamp()等新属性,但不会覆盖原生 CSS 语法高亮——它只是增强,不是替代 - 别同时开
HTMLBeautify和JsBeautify处理同一文件,它们规则打架,可能把 Emmet 生成的嵌套缩进全抹平
中文支持与编码兼容:ChineseLocalization + ConvertToUTF8
ST4 默认界面是英文,菜单/提示语全英文对新手不友好;而很多老项目文件仍是 GBK 编码,直接打开会乱码。这两个插件一个改界面语言,一个自动转编码,缺一不可。
-
ChineseLocalization安装后需重启,界面立即变中文,但不改快捷键提示(如Ctrl+Shift+P仍显示英文) -
ConvertToUTF8在打开非 UTF-8 文件时自动解码并提示是否保存为 UTF-8;它不修改文件原始编码,仅在编辑时做透明转换 - 如果项目混用 UTF-8 和 GBK 文件,建议统一转为 UTF-8 + BOM(用
File → Save with Encoding → UTF-8 with Bom),否则ConvertToUTF8可能误判
代码质量靠保存即校验:SublimeLinter + ESLint/Stylelint
SublimeLinter 本身不检查任何东西,它只是个调度器;没配套 linter,编辑器连标红都不会触发。真正干活的是 SublimeLinter-eslint 或 SublimeLinter-stylelint,它们需要本地已安装对应 CLI 工具。
- 必须同时装三个:
SublimeLinter(框架) +SublimeLinter-eslint(执行器) + 项目级.eslintrc.js(配置文件) - Linux/macOS 下确保
eslint命令全局可用(npm install -g eslint或通过nvm切换 Node 版本后重装) - Windows 用户注意 PATH 环境变量是否包含 npm 全局 bin 目录(通常是
%USERPROFILE%\AppData\Roaming\npm)
真正容易被忽略的点是:所有插件行为都依赖“当前文件语法识别”是否准确。比如 Emmet 在 .html 里生效,但在 .js 里敲 div 按 Tab 就没反应——这不是插件坏了,是语法模式错了。右下角点击语言名手动切到 HTML,或者用 Ctrl+Shift+P 输入 Set Syntax: HTML,问题立刻消失。











