Sublime Text 可通过配置成为高效前端开发工具：先装Package Control，再装Emmet、AutoFileName、ESLint-Formatter、Prettier、SideBarEnhancements等核心插件，优化字体、缩进、补全等设置，并用项目文件和Terminus增强工程能力。
Sublime Text 本身不是 IDE，但通过合理配置插件和设置，完全可以胜任现代前端开发的大部分需求——轻量、快速、高度可定制。关键不在装得多，而在选得准、配得稳。
安装 Package Control（插件管理基石）
这是所有后续配置的前提。没它，插件安装会非常麻烦。
- 打开 Sublime Text，按 Ctrl+`（反引号，Windows/Linux）或 Cmd+`（macOS）调出控制台
- 粘贴官方最新安装脚本（推荐访问 packagecontrol.io 复制当前可用代码）
- 回车执行，等待提示 “Package Control installed” 即可
- 重启 Sublime，之后按 Ctrl+Shift+P（命令面板）就能搜 “Install Package”
必装核心插件（精简实用派）
以下插件覆盖语法增强、代码补全、格式化、项目导航等高频场景，不冗余：
-
Emmet：HTML/CSS 快速编写神器，比如输入
ul>li*5+ Tab 就生成带 5 个 li 的 ul 结构 - AutoFileName：在路径字符串中自动提示文件/文件夹名（支持相对路径、img/src 等）
-
ESLint-Formatter 或 SublimeLinter + SublimeLinter-eslint：实时校验 JS/TS 语法与风格，需本地已装
eslint - Prettier：一键格式化 JS/TS/JSX/JSON/HTML/CSS/SCSS，搭配保存时自动格式化更省心
- SideBarEnhancements：右键侧边栏增加“新建文件”“复制路径”“在终端打开”等实用功能
关键设置优化（提升日常体验）
打开 Preferences → Settings，左右分栏编辑，把以下常用项加进右侧用户设置（User）：
立即学习“前端免费学习笔记（深入）”；
-
"font_size": 14—— 字体大小按屏幕调，推荐 13–15 -
"tab_size": 2和"translate_tabs_to_spaces": true—— 统一缩进为 2 空格，符合主流前端规范 -
"auto_complete_commit_on_tab": true—— Tab 键确认补全，效率翻倍 -
"always_show_minimap": true—— 开启缩略图，长文件快速定位 -
"ignored_packages": ["Vintage"]—— 关掉 Vim 模式（除非你主动用）
工程级增强（模拟 IDE 的项目能力）
让 Sublime 更懂你的项目结构：
- 用 Project → Save Project As… 保存 .sublime-project 文件，可自定义构建系统、文件夹排除、设置覆盖
- 在项目配置里加入
"folders": [{"path": ".", "folder_exclude_patterns": ["node_modules", ".git"]}] - 配合 Quick File Switcher（Cmd+P） 和 Go to Symbol（Cmd+R），跳转文件/函数极快
- 需要终端集成？装 Terminus 插件，Ctrl+Shift+T 呼出内置终端，支持多标签、Node/npm 直接运行
基本上就这些。不复杂但容易忽略的是：保持插件更新、定期清理不用的包、本地 Node/ESLint/Prettier CLI 要提前装好。Sublime 的强大，一半来自配置，一半来自你用熟了它的快捷键和工作流。
