首先安装Vue Syntax Highlight和JsPrettier插件，再全局或项目安装Prettier，接着在JsPrettier设置中添加"vue"扩展名支持并配置Node路径，最后通过右键或快捷键格式化.vue文件。
Sublime Text 本身不自带 Vue 单文件组件（.vue）的格式化功能，但可以通过安装插件和配置外部工具（如 Prettier 或 Vetur）来实现代码格式化。以下是详细配置步骤：
1. 安装必要的插件
打开 Sublime Text，使用 Package Control 安装以下插件：
- Vue Syntax Highlight：提供 .vue 文件的语法高亮支持。
- JsPrettier 或 SublimeLinter + prettier：用于调用 Prettier 实现代码格式化。
- Emmet（可选）：提升 HTML 编写效率。
提示：按下 Ctrl+Shift+P 打开命令面板，输入 "Install Package" 搜索并安装上述插件。
2. 安装 Node.js 和 Prettier
Prettier 是主流的代码格式化工具，支持 Vue 文件。确保你已安装 Node.js，然后全局或项目内安装 Prettier：
立即学习“前端免费学习笔记（深入）”；
npm install -g prettier # 或在项目中安装 npm install --save-dev prettier
如果使用 ESLint 或 Stylelint，也可一并安装相关插件以增强格式化能力。
3. 配置 JsPrettier 支持 .vue 文件
安装完 JsPrettier 后，需要修改其配置文件，使其支持 .vue 文件：
部门协会民间组织类网站模板(响应式)自带内核安装即用，图片文字均已可视化，简洁后台操作简单易上手，支持多种内容模型可自由添加。模板特点： 1、安装即用，自带人人站CMS内核及企业站展示功能（产品，新闻，案例展示等），并可根据需要增加表单 搜索等功能（自带模板） 2、支持响应式 3、前端banner轮播图文本均已进行可视化配置 4、伪静态页面生成 5、支持内容模型、多语言、自定义表单、筛选、多条件搜
- 进入 Sublime 菜单：Preferences → Package Settings → JsPrettier → Settings
- 修改 User 设置部分，加入对 .vue 文件的支持：
{
"auto_format_on_save": false,
"custom_file_extensions": ["vue"],
"prettier_cli_path": "",
"node_path": "",
"additional_cli_args": {}
}其中：
- custom_file_extensions 添加 "vue"，让 JsPrettier 处理 .vue 文件。
- prettier_cli_path 可指定 Prettier 的 CLI 路径（如全局安装可留空）。
-
node_path 如 Sublime 找不到 Node，需手动指定路径（如
/usr/local/bin/node或 Windows 下的安装路径）。
4. 配置 Prettier 规则（可选）
在项目根目录添加 .prettierrc 文件，自定义格式化规则：
{
"semi": false,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}也可通过 .prettierignore 忽略某些文件。
5. 使用格式化功能
打开一个 .vue 文件，右键选择 JsPrettier: Format Code，或使用快捷键（默认是 Ctrl+Alt+F）进行格式化。
若希望保存时自动格式化，可在 JsPrettier 设置中开启：
"auto_format_on_save": true注意：启用自动保存格式化可能影响性能，建议在项目级配置中控制。
基本上就这些。配置完成后，Sublime Text 就能良好支持 Vue 单文件组件的格式化了。虽然不如 VS Code 那样开箱即用，但通过 Prettier + 插件组合也能达到接近的体验。
