Sublime Text 4高效开发需先装ST4专用脚本的Package Control并重启验证,再配Emmet、AutoFileName、SublimeLinter-eslint等解决高频痛点的插件,而非堆砌功能。

Sublime Text 本身不是 IDE,但装对插件后,它能承担起日常开发中 80% 的 IDE 工作——关键不在“全”,而在“够用且不卡”。真正让体验质变的,是那几个解决具体痛感的插件,而不是堆功能。
Package Control 必须先装,且必须用 ST4 官方脚本
没它,所有插件都是摆设。2026 年 Sublime Text 4(ST4)已全面弃用 Python 2 兼容脚本,旧版 urllib.request 代码会直接报错:AttributeError: module 'urllib' has no attribute 'request' 或 URLError。
- 打开控制台:
Ctrl + `,粘贴 packagecontrol.io 官网 ST4 专用安装脚本(含hashlib.sha256校验段) - 看到
Successfully installed提示后,**必须重启 Sublime Text** - 重启后按
Ctrl + Shift + P输入Package Control: Install Package,弹出空白列表才算就位 - 若仍无响应,先执行
Package Control: Synchronize Sources;公司网络开了代理的,临时关闭再试
Emmet + AutoFileName:前端写 HTML/CSS 的真实刚需
这不是“锦上添花”,而是每天高频踩坑的救场工具:嵌套手敲太慢、路径引错反复调试、CSS 缩写记不住。
-
Emmet输入section>div.container>ul>li*3按Tab立刻生成结构;但需确保右下角状态栏显示HTML或CSS语法,否则不触发 -
AutoFileName在<img src="">引号内按Ctrl + Space弹出当前目录文件列表;但它默认不扫描node_modules,Webpack 别名(如@/components)也无法补全 - JS/JSX 文件要启用 Emmet,需进
Preferences → Package Settings → Emmet → Settings,加一行:"syntax_scopes": {"javascript": "source.js"} - 项目根目录没通过
Project → Add Folder to Project加入,AutoFileName就找不到子目录下的文件
SublimeLinter-eslint 不等于 SublimeLinter
SublimeLinter 本身只是个空壳调度器,不带任何检查能力。只装它,编辑器静默得像没装一样。
- 必须额外安装
SublimeLinter-eslint(或SublimeLinter-stylelint等具体 linter) -
ESLint要生效,项目根目录必须存在.eslintrc.js,或package.json中定义了eslintConfig字段,否则提示No config found - 错误标红、实时提示都依赖具体 linter 插件,
SublimeLinter框架只负责把结果渲染到编辑器里
Terminus 和 SublimeREPL:本地交互环境不能二选一
一个跑终端命令,一个跑语言 REPL,用途完全不同,建议都装。
-
Terminus是替代系统终端的轻量方案,支持快捷键呼出面板(如alt+1),适合运行npm run dev、git status等常规命令 -
SublimeREPL是真正的交互式编程环境,支持Python、NodeJS、Ruby等,按Ctrl+Shift+P输入SublimeREPL: Python即可启动,适合快速验证代码片段 - 两者共存不冲突,但注意:同一时间不要同时开多个 REPL 实例,容易卡死或输出错乱
插件不是越多越好,而是每个都要解决一个明确问题。比如行号开关(Sublime Show Hide Line Numbers)看似小,但在对比 diff 或截图发文档时,就是省去手动设置的那几秒——这些细节累积起来,才是“秒变 IDE”的真实体感。

















