Sublime必装插件有哪些_Sublime前端开发环境搭建教程-sublime-PHP中文网

package control是sublime text唯一必须手动安装的硬性前提，未正确安装则无法使用任何插件；2026年st4必须用含sha256校验的python 3脚本安装，执行后需重启并验证package control: install package命令是否可用。

sublime必装插件有哪些_sublime前端开发环境搭建教程

Sublime Text 本身不带插件安装能力，Package Control 是唯一必须手动装、且装不对就全盘卡死的硬性前提——没它，后面所有插件都得手动下载解压放路径，没人能坚持做完。

必须先装对 `Package Control`，否则所有后续操作都是白忙

2026 年的 Sublime Text 4 只认 Python 3 脚本，粘贴旧版 ST3 的安装代码会直接报 AttributeError: module 'urllib' has no attribute 'request'。正确做法是打开控制台（Ctrl + `），从 packagecontrol.io 复制标有 “Sublime Text 4” 的完整脚本（含 hashlib.sha256 校验段），回车执行。

看到 Successfully installed 才算真成功，不是弹窗消失就完事
装完必须重启 Sublime，再按 Ctrl + Shift + P 输入 Package Control: Install Package，能弹出空白列表才算入口打通
如果命令无响应，先试 Package Control: Synchronize Sources；若仍失败，大概率是开了代理或公司防火墙，临时关掉再试

前端写 HTML/CSS 必配 `Emmet` + `AutoFileName`

这两个解决的是“手敲结构太慢”和“引路径总输错斜杠”的真实高频痛点，不是炫技工具。

前端设计优化skill

前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。

下载

Emmet 默认只激活 HTML/CSS，JS/JSX 需手动在 Preferences → Package Settings → Emmet → Settings 里加一行："syntax_scopes": {"javascript": "source.js"}
AutoFileName 只扫描项目根目录（即 Project → Add Folder to Project 设定的那个），默认不进 node_modules；若要补全 @import "bootstrap/scss/" 这类路径，得在 Packages/User/AutoFileName.sublime-settings 里显式加 "scan_folders": ["./", "./src/", "./node_modules/"]
别同时开 HTMLBeautify 和 JsBeautify：它们规则冲突，格式化后可能把 Emmet 生成的嵌套缩进全打乱

代码质量不能靠自觉，`SublimeLinter` + `SublimeLinter-eslint` 得配齐

SublimeLinter 本身只是个调度框架，不装配套 linter 插件，编辑器对任何错误都静音。

装完 SublimeLinter-eslint 后，项目根目录必须有 .eslintrc.js 或 package.json 里定义了 eslintConfig，否则提示 No config found
SublimeLinter-stylelint 同理，没 .stylelintrc 或 stylelint.config.js，CSS 文件就完全不校验
错误图标默认出现在行号旁，但若看不到，先检查是否设置了正确的语法（比如 .vue 文件里 <style></style> 块得是 CSS3 语法，不是默认 CSS）

侧边栏和 Git 状态这类“隐形效率点”别跳过

像 SideBarEnhancements 和 GitGutter 不抢眼，但每天省下的定位、复制、查修改时间远超预期。

SideBarEnhancements 的右键菜单多出“在浏览器中打开”“复制路径”“新建文件”，但前提是项目已通过 Add Folder to Project 加载，否则右键没反应
GitGutter 图标全灰？先确认项目根目录下有 .git 文件夹，且本地已运行过 git init 或 git clone；再检查 Preferences → Package Settings → GitGutter → Settings – User 里 git_binary 路径是否填对（macOS 常是 /usr/local/bin/git，Windows 常是 C:\Program Files\Git\bin\git.exe）