sublime text 4用户必须用packagecontrol.io标为“sublime text 4”的官方脚本安装package control,否则会静默失败;需重启后执行install package确认成功;emmet+autofilename减少html/css手误;sublimelinter需搭配eslint/stylelint执行器及对应配置文件方可生效。

别装“护眼模式”插件——Sublime 本身不发光,真正伤眼的是你没调对系统级亮度和色温,插件解决不了根本问题;但有 3 类插件能实实在在减少熬夜时的重复操作、误判和上下文切换,值得优先装。
Package Control 必须用 ST4 官方脚本装,否则后面全卡死
2026 年所有 Sublime Text 4 用户都必须用 packagecontrol.io 页面标为 “Sublime Text 4” 的完整安装脚本(含 hashlib.sha256 校验段),旧版代码会静默失败或报 AttributeError: module 'urllib' has no attribute 'request'。
- 打开控制台:
Ctrl + `,粘贴官网脚本,回车执行 - 看到
Success! Please restart Sublime Text后必须重启 - 重启后按
Ctrl + Shift + P输入Package Control: Install Package,左下角出现Fetching list of available packages才算真成功 - 若无响应,先执行
Package Control: Synchronize Sources;仍失败,大概率是公司代理或防火墙拦截,临时关闭再试
Emmet + AutoFileName 组合,省掉深夜写 HTML/CSS 时的手抖和路径盲猜
凌晨三点改页面,手抖输错一个斜杠、漏一个引号、嵌套少一层 div,调试十分钟——这类低级错误占熬夜 debug 时间的 30% 以上。这两个插件专治这个。
-
Emmet在.html或.css文件中输入section>div.container>ul>li*3按Tab立刻生成结构;在.vue文件里要先点右下角状态栏 → 选Vue语法,并装Vue Syntax Highlight插件 -
AutoFileName在<img src="">引号内按Ctrl + Space(Windows/Linux)或Cmd + Space(Mac),自动列出当前项目目录下的文件,不用切窗口、不查文件名、不手输../assets/ - 如果项目用了 Webpack 别名(如
@/components),AutoFileName不识别,得靠ESLint提前报错拦住,别指望它补全 - 确保项目根目录已通过
Project → Add Folder to Project加入,否则AutoFileName找不到子目录里的文件
SublimeLinter + ESLint/Stylelint,让保存即反馈代替凌晨手动 lint
熬夜写完代码,一保存就报错,比等 CI 失败再爬起来改强十倍。但只装 SublimeLinter 框架没用,它不干活,纯调度。
- 必须同时装三样:
SublimeLinter(框架)+SublimeLinter-eslint(JS 执行器)+SublimeLinter-stylelint(CSS 执行器) -
ESLint要求项目根目录存在.eslintrc.js或package.json里定义了eslintConfig,否则提示No config found -
stylelint同理,必须有.stylelintrc或stylelint.config.js,否则对 CSS 文件完全静音 - 错误图标默认出现在行号旁,但如果右下角状态栏显示
Stylelint: ?,说明配置加载失败,不是插件没装,是配置路径或格式错了
真正容易被忽略的不是插件功能,而是语法识别和项目上下文:Emmet 在 .js 文件里默认不生效,AutoFileName 不知道你刚 yarn create vite 出来的项目结构在哪,ESLint 也懒得管你没 npm install 的空目录——它们只认你当前文件的语法类型和项目根目录的真实路径。熬夜时脑子慢,更要提前配稳这三层。











