Sublime Text 4 高效使用需配齐关键插件:先用官方专用脚本安装 Package Control(含 SHA256 校验),重启后验证可用;再装前端三件套(Emmet、AutoFileName、CSS3)、校验工具(SublimeLinter+ESLint/Stylelint)及中文支持(ChineseLocalization+ConvertToUTF8),并确保项目根目录与语法识别正确。

Sublime Text 4 要真正好用,不是装得越多越好,而是把几个关键插件配齐、配对、配稳。Package Control 是唯一必须手动装的插件,其他所有插件都依赖它;没它,Ctrl+Shift+P 输入任何插件名都是白搭。
Package Control 必须用 ST4 专用脚本安装,否则后续全卡死
ST4 已全面迁移到 Python 3,旧版脚本里用 urllib2 或缺 hashlib.sha256 校验的,执行后看似显示 Success!,实则 Package Control: Install Package 命令无响应——因为底层模块加载失败。
- 打开控制台(
Ctrl+`),粘贴官网 packagecontrol.io 页面标为 “Sublime Text 4” 的完整脚本(含h = 'df21e130...' + 'eea76'这类 SHA256 校验值) - 执行后看到
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 属性记不全。它们彼此不冲突,且都依赖当前文件语法正确识别。
-
Emmet在.html或.css文件中默认生效;在.vue的区域需先装Vue Syntax Highlight,否则缩写(如div.container>ul>li*3)按Tab没反应 -
AutoFileName默认只扫描项目根目录下的文件;如果没通过Project → Add Folder to Project设置根目录,它就找不到子目录里的assets/img/logo.png -
CSS3插件补全flex、grid、clamp()等新属性,但不会覆盖原生 CSS 语法高亮——它只是增强,不是替代 - 别同时开
HTMLBeautify和JsBeautify处理同一文件,它们规则打架,可能把 Emmet 生成的嵌套缩进全抹平
代码质量靠保存即校验:SublimeLinter + ESLint/Stylelint
SublimeLinter 本身不检查任何东西,它只是个调度器;没配套 linter,编辑器连标红都不会触发。
- 必须同时装三个:框架
SublimeLinter+ 执行器SublimeLinter-eslint+ 配置文件(项目根目录要有.eslintrc.js或package.json中定义eslintConfig) -
SublimeLinter-stylelint同理,没.stylelintrc或stylelint.config.js,对.scss文件完全静音 - 错误图标默认出现在行号旁;如果看不到,先确认右下角语法是否为
CSS或SCSS,再检查用户设置里有没有误加"ignored_packages": ["SublimeLinter"]
中文与编码问题:ChineseLocalization + ConvertToUTF8
Sublime Text 4 官方没有中文版安装包,“中文版”只是英文内核 + 插件组合。乱码不是汉化失败,而是编码识别机制缺失。
-
ChineseLocalization必须在Package Control正常后再装;认准 wuub 维护的版本,别选无人更新的同名分支 - 装完界面立刻变中文,但老项目里 GBK 编码的
.js或.html文件仍会显示方块——这是默认只读 UTF-8 导致的 -
ConvertToUTF8是唯一可靠解法:它不改文件内容,只在读取时自动转码;装完后右键菜单多出 “Reopen with Encoding → GBK”,点一下就能正常显示 - 别手动改
Preferences → Settings里的default_encoding,那会影响新建文件,默认保持"utf-8"即可
最易被忽略的一点:插件行为高度依赖作用域(scope)和项目根目录状态。同一个插件,在没设项目根目录的单文件模式下可能完全不工作;在语法识别错误的文件里,再强的补全也触发不了。装完别急着写代码,先用 Ctrl+Shift+P 输入 Set Syntax: 确认当前文件类型,再看右下角状态栏是否匹配,这才是插件真正起效的前提。











