Package Control装不上需先确认Sublime Text 4版本并执行官网最新脚本;失败则手动下载Package Control.sublime-package拖入Installed Packages/目录后重启,再验证Ctrl+Shift+P能否调出List Packages和Install Package命令。

Package Control装不上?先确认版本和执行方式
Sublime Text 4 用户如果 Ctrl+Shift+P 里搜不到 Install Package,大概率是 Package Control 根本没装成功——不是网络慢,而是脚本版本或执行路径错了。ST4 必须用官网最新 installation.py 脚本,旧版(比如含 SHA256 校验值的)会静默失败。
- 按
Ctrl + `呼出控制台,严格复制粘贴这一行:import urllib.request,os,hashlib; exec(urllib.request.urlopen('https://packagecontrol.io/installation.py').read().decode('utf-8')) - 别用菜单里的 “Preferences → Package Control” 入口——那只是个空壳,只有装完才出现
- 执行后等满 5 秒再看:左下角弹出
Package Control: Successfully installed Package Control才算真成功;只显示reloading plugin就是失败 - 若失败,直接切手动安装:下载
Package Control.sublime-package文件,拖进Installed Packages/目录(不是Packages/),重启
Emmet 和 ESLint 是唯二必须装的前端插件
其他插件可以慢慢加,但这两个解决的是“写错”和“写慢”两个真实痛点,漏掉一个,效率就掉一大截。
-
Emmet:输入!+Tab生成 HTML5 骨架,div.container>ul>li*3+Tab直接输出嵌套结构。注意检查设置里"html5": true是否启用,关了就只能输出 XHTML 风格标签 -
ESLint:装完必须在项目根目录放.eslintrc.js,且插件设置里node_path要明确指向eslint可执行文件,比如/usr/local/bin/eslint或./node_modules/.bin/eslint;否则标红失效,还不会报错 - 别急着装 LiveStyle、Debugger 这类“看起来很酷”的插件——LiveStyle 已停更,Debugger 在 ST4 + Chrome 127+ 上断点命中率极低,变量面板常为空
保存即刷新,只用 Live Server 或 browser-sync
Sublime 自带的 View In Browser 插件本质就是用系统默认浏览器打开 file:// 协议地址,不支持热更新,未保存文件直接报 ERR_FILE_NOT_FOUND,纯属误导。
- 推荐方案:Chrome 扩展
Live Server—— 右键 HTML 文件 →Open with Live Server,自动起服务并监听变化;Sublime 正常Ctrl + S,浏览器秒刷新 - 命令行方案:
browser-sync—— 先npm install -g browser-sync,再在项目目录运行:browser-sync start --server --files "*.html, *.css, *.js";保存后终端能看到Reloading Browsers日志才算生效 - 别信“配置 Sublime Build System 实现自动刷新”这类方案——它依赖 shell 脚本调起浏览器,跨平台兼容性差,Windows 下常因空格路径或权限失败
插件名大小写敏感,路径和编码配置容易被忽略
很多“插件装了但不生效”的问题,其实卡在一行配置上,而不是插件本身。
立即学习“前端免费学习笔记(深入)”;
-
ConvertToUTF8插件只解决“打开乱码文件”,不改变保存编码;想存为 UTF-8,必须手动选File → Save with Encoding → UTF-8 -
BracketHighlighter默认只高亮匹配括号;要显示竖线标识范围,得在用户设置里加"content_highlight_bar": true,漏掉这行,看起来就像没装 - 插件名严格区分大小写:
Emmet写成emmet或EMMET都搜不到;GitGutter不能写成gitgutter - 汉化插件
ChineseLocalizations装完自动生效,无需重启;如果界面还是英文,说明根本没装成功,重装一次就行
ESLint 的 node_path 指错了,或者 Emmet 的 html5 模式关了,又或者 BracketHighlighter 缺了那一行 content_highlight_bar。这些细节不查文档、不翻设置,光靠“试试看”根本绕不过去。


















