精选十个好用的Sublime插件安装-sublime-PHP中文网

package control 是 sublime text 4 唯一插件入口，必须通过 packagecontrol.io 官方脚本安装并重启后验证；emmet 和 autofilename 为前端刚需，需手动配置语法支持与路径扫描；sublimelinter 系列须三者共存且项目含对应配置；compare side-by-side 要求编码、缩进、换行符统一。

精选十个好用的sublime插件安装

Package Control 不装，其他插件全白搭——它不是“第一个”，是唯一入口。

`Package Control` 必须用 ST4 官方脚本安装

Sublime Text 4（2026 年主流版本）彻底弃用旧版 Python 2/3 混合安装逻辑，所有手动拖包、粘贴 ST3 的 urllib.request 代码都会触发 AttributeError: module 'urllib' has no attribute 'request' 或 urllib.error.URLError。
必须从 packagecontrol.io 复制标有 “For Sublime Text 4” 的完整脚本（含 hashlib.sha256 校验段），在控制台（Ctrl + `）中执行。
看到 Successfully installed 后，必须重启编辑器，再按 Ctrl + Shift + P 输入 Package Control: Install Package —— 能弹出空白搜索框才算真正就位。
若仍无响应：

先执行 Package Control: Synchronize Sources
公司网络开了代理的，临时关闭再试
别把 Package Control.sublime-package 手动丢进 Packages/ 目录，ST4 会拒绝未签名包

`Emmet` 和 `AutoFileName` 是前端写 HTML/CSS 的硬需求

这两个不是“提升体验”，是每天高频操作的刚需闭环：

Emmet 解决手敲嵌套结构慢（如输入 section>div.container>ul>li*3 按 Tab 立刻生成 DOM）
AutoFileName 解决路径填错反复调试（在 <img src=""> 引号内按 Ctrl + Space 弹出当前项目文件列表）

但默认不覆盖 JS/JSX 和模块化路径：

GenFlow

GenFlow是一款AI智能体工具，全球首个全模态、全端通用AI智能体。

下载

Emmet 在 .js 或 .jsx 文件里不生效，需进 Preferences → Package Settings → Emmet → Settings，添加：
```
"syntax_scopes": {"javascript": "source.js", "javascriptreact": "source.js.jsx"}
```
AutoFileName 默认跳过 node_modules、dist，也不识别 Webpack 别名（如 @/components）；它只扫描通过 Project → Add Folder to Project 显式加入的目录

`SublimeLinter` 框架 + `SublimeLinter-eslint` + `SublimeLinter-stylelint` 缺一不可

SublimeLinter 本身不检查任何东西，只是个调度器；没配套 linter 插件，编辑器静默得像没装。
必须三者同时安装：

SublimeLinter（框架）
SublimeLinter-eslint（JS/JSX 校验）
SublimeLinter-stylelint（CSS/SCSS 校验）

且项目根目录必须存在对应配置：

ESLint 需 .eslintrc.js 或 package.json 中定义 eslintConfig，否则报 No config found
Stylelint 需 .stylelintrc 或 stylelint.config.js，否则对 CSS 文件完全静音
右下角状态栏显示 Stylelint: ? 表示配置加载失败，不是插件没装好

`Compare Side-By-Side` 是目前最稳的并排对比方案

别搜错名字——必须输全名 Compare Side-By-Side（带连字符，Side 不可漏），不是 Compare Side by Side 或 CompareSideBySide。
它只认“已打开的独立标签页”，不支持侧边栏直选、不处理未保存缓冲区（Untitled 标签页直接忽略）。
操作流程：