Sublime Text 需正确配置插件与设置才能支持现代前端开发：先装Package Control（用2026年有效脚本），再装Emmet、View In Browser、Svelte for Sublime等插件，严格绑定语法、设置缩进，并配好ESLint路径与浏览器路径。
Sublime Text 本身就能写 HTML/CSS/JS，但默认不带语法高亮补全、保存自动刷新、ESLint 检查这些功能——不是它不行，而是你没装对插件、没设对语法绑定、没关掉干扰项。
Package Control 装没装？装错版本会卡死
这是所有配置的前提。如果 Ctrl+Shift+P 打不开命令面板，或输入 Install Package 没反应，说明 Package Control 没装好或损坏。
- 打开控制台：
Ctrl+`（反引号），粘贴官网最新安装脚本（2026 年有效版），回车执行 - 装完重启，检查
Preferences → Package Control是否存在菜单项 - 别用网上搜到的旧版脚本——Sublime Text 4 已弃用 Python 2 兼容写法，执行会报
NameError: name 'urlopen' is not defined - 如果已装但失效，删掉
Packages/User/Package Control.sublime-settings，重装
Emmet + View In Browser：写完存一下就预览
前端最痛的不是写代码，是反复切窗口、点刷新。这两个插件解决“写 → 存 → 刷 → 看”四步闭环。
-
Ctrl+Shift+P→ 输入Install Package→ 安装Emmet（注意作者是 sergeche，不是 emmetio 的旧版） - 装完
.html文件里输入ul>li*3再按Tab，必须生成结构，否则检查是否被其他插件拦截（如旧版 Zen Coding） - 安装
View In Browser后，右键 →View In Browser必须能唤起浏览器；若失败，进Preferences → Package Settings → View In Browser → Settings – User，填对路径，比如 Windows 下 Edge 是："edge": "C:\Program Files\Microsoft\Edge\Application\msedge.exe" - 别信“自动识别默认浏览器”——Sublime 不读系统注册表，必须手动配
.svelte 或 .coffee 文件显示 Plain Text？三件事漏一不可
这不是插件没装，是链路断在中间。Svelte 和 CoffeeScript 对语法绑定、嵌入语言支持、缩进精度极度敏感。
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
立即学习“前端免费学习笔记（深入）”；
-
.svelte文件右下角显示Plain Text？先确认装的是Svelte for Sublime（作者 nathanbuchar），卸载所有带Language Server或Babel字样的冲突插件 - 点击右下角 →
Open all with current extension as…→ 选Svelte；新建文件后仍需手动再点一次，Sublime 不继承语法设置 -
.coffee文件关键词全黑？必须装Language CoffeeScript（作者 jashkenas），删掉残留的CoffeeScript/目录；然后进View → Indentation → Convert Indentation to Spaces，再设Tab Width: 2；最后在用户设置加"detect_indentation": false - 哪怕只多一个空格、混一个 Tab，
$:和export let就立刻变普通文本
想用 ESLint 或格式化？别直接装 SublimeLinter
SublimeLinter 是个壳，真正干活的是 linter 插件和本地 CLI 工具。装错组合，保存后毫无反应。
- 先确保项目根目录有
package.json，且已装eslint或prettier（全局或本地） - 通过 Package Control 安装
SublimeLinter+SublimeLinter-eslint（不是SublimeLinter-contrib-eslint，后者已停更） - 检查
SublimeLinter Settings – User里"linters"是否启用eslint，路径是否指向你实际安装的node_modules/.bin/eslint - 格式化用
HTML-CSS-JS Prettify即可，别装Prettier插件——它依赖 Node.js 14+，而 Sublime 自带的 Python 环境无法调用
最常被忽略的点：每次装完插件，都要关掉所有标签页再重启 Sublime；Syntax 绑定和缩进设置对新建文件无效，必须手动触发一次；LSP 类插件（如 Svelte Language Server）需要单独装服务端，光装客户端没用。
