sublime如何配置成一个强大的前端开发IDE？ (环境搭建)

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）：

标签： css linux html sublime js 前端 git json node go windows npm 工具