sublime text 真正用起来需打通入口、编码、校验、路径、git 五条链路:package control 是入口开关,必须用 st4 适配脚本安装;emmet 与 autofilename 配合提速 html/css 编码;sublimelinter 框架需搭配 eslint/stylelint 实现代码校验;路径补全依赖正确设置项目根目录;gitgutter 仅显示行级变更,不支持暂存区与 submodule。

Sublime Text 要真正用起来,不是装几个插件就行,而是得把「入口、编码、校验、路径、Git」这五条链路打通。其他插件都是锦上添花,这五个环节卡住一个,效率就断崖式下跌。
Package Control 必须用 ST4 适配脚本安装,否则命令面板直接失灵
它不是插件之一,是所有插件的开关。Sublime Text 原生不带任何包管理能力,没它就等于没钥匙——你连 Emmet 的安装入口都打不开。
- 必须打开控制台(
Ctrl+`),粘贴 packagecontrol.io 官网标为 “Sublime Text 4” 的 Python 3 脚本,含hashlib.sha256校验段;旧版urllib脚本在 ST4 下会报AttributeError: module 'urllib' has no attribute 'request' - 装完必须重启 Sublime,再按
Ctrl+Shift+P输入Package Control: Install Package——能弹出搜索框才算成功;若空白或无响应,先执行Package Control: Synchronize Sources,或临时关闭代理 - 别手动下载
Package Control.sublime-package放进Packages/目录,ST4 会拒绝加载未签名的包
HTML/CSS 编码提速靠 Emmet + AutoFileName 组合,但默认不支持 JS/JSX 和模块化路径
这两个解决的是每天高频、重复、极易手误的操作:写结构和填路径。单装一个效果打折,配合才形成闭环。
-
Emmet默认只激活 HTML/CSS 语法;若要在.jsx或.ts文件里用缩写(比如div.container),需进Preferences → Package Settings → Emmet → Settings,加一行:"syntax_scopes": {"javascript": "source.js", "typescript": "source.ts"} -
AutoFileName只扫描当前项目根目录下的文件,前提是你要通过Project → Add Folder to Project正确设置根;它不认识 Webpack 别名(如@/components),也默认忽略.module.scss,需在插件设置里显式添加"extensions": ["scss", "sass"] - 触发补全时注意快捷键:HTML 中输入
class=""后按Ctrl+Space(不是 Tab),否则会被默认补全劫持
代码质量靠 SublimeLinter 框架 + ESLint/Stylelint,三者缺一不可
只装 SublimeLinter 框架本身不报错,它只是调度器;没配套 linter 插件,保存时不会有任何提示。
- 必须同时安装三个包:
SublimeLinter(框架)、SublimeLinter-eslint(JS 校验)、SublimeLinter-stylelint(CSS 校验);少一个,对应语言就“静音” -
eslint和stylelint的 CLI 工具需提前全局或本地安装(npm install -g eslint stylelint),插件只调用它们,不自带运行时 - 校验是基于文件保存触发的,不是实时输入检测;若想改完立刻看到结果,确保插件设置中
"on_save": true已启用
Git 可视化依赖 GitGutter,但它不显示暂存区变更,也不支持 submodule
它只做一件事:在行号旁画绿/红/灰竖条,表示该行是新增、修改、删除。这个信息足够日常开发,但别指望它替代 git status 或 git diff --staged。
- GitGutter 不感知暂存区(staging area),已
git add的变更仍显示为“未暂存”,直到提交后才消失 - 不支持 submodule 内部文件变更标记;子模块被当作普通目录,其内部改动不会触发 gutter 图标
- 若发现图标不更新,先检查右下角状态栏是否显示正确的 Git 分支名;若显示
no git repo,说明 Sublime 没识别到项目根目录下的.git文件夹——此时需重新通过Project → Add Folder to Project加载
最易被忽略的其实是项目根目录的设定:所有路径类插件(AutoFileName、GitGutter、HTML-CSS-Class-Completion)都依赖它。没设根,它们就只能看到空目录或零星文件,功能直接降级为摆设。











