配置Sublime Text保存时自动格式化代码需安装JsPrettier插件并启用auto_format_on_s*e，确保Prettier已安装，设置排除目录及可选的项目级配置文件，保存文件触发自动格式化，检查控制台排查路径或权限问题。

Sublime Text 中配置 Prettier 插件实现保存时自动格式化代码，可以通过以下步骤完成。确保你已安装 Node.js 和 Prettier，并正确配置 Sublime 的插件环境。

1. 安装必要的插件

打开 Sublime Text，使用 Package Control 安装以下插件：

• JsPrettier：这是最常用的 Prettier 集成插件，支持多种前端语言（J*aScript、TypeScript、HTML、CSS、Vue 等）。

安装方法：

1. 按下 Ctrl+Shift+P（Mac 上是 Cmd+Shift+P）打开命令面板。
2. 输入 “Package Control: Install Package”，回车。
3. 搜索 “JsPrettier”，点击安装。

2. 确保系统已安装 Prettier

JsPrettier 插件依赖本地的 prettier 命令。推荐全局或项目内安装：

• 全局安装：
  npm install -g prettier
• 项目内安装（推荐）：
  在项目根目录运行：npm install --s*e-dev prettier

插件会优先使用项目内的 Prettier，避免版本冲突。

3. 配置 JsPrettier 设置

进入插件设置：

1. 菜单栏选择 Preferences > Package Settings > JsPrettier > Settings。
2. 在右侧用户设置中添加或修改如下内容：

{
  "auto_format_on_s*e": true,
  "auto_format_on_s*e_excludes": [
    "*/node_modules/*",
    "*/dist/*",
    "*/build/*"
  ],
  "prettier_cli_path": "",
  "node_path": "",
  "format_on_s*e_timeout": 2000
}

• auto_format_on_s*e: true 是关键，开启保存时自动格式化。
• auto_format_on_s*e_excludes 可排除某些目录（如 node_modules）防止卡顿。
• prettier_cli_path 一般留空，插件会自动查找。若报错可手动指定路径，如：/usr/local/bin/prettier 或 C:\Users\xxx\AppData\Roaming\npm\prettier.cmd。
• node_path 同样可留空，除非 Sublime 找不到 Node。

4. （可选）项目级配置文件

在项目根目录创建 .prettierrc 文件来自定义格式规则：

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 80
}

也可使用 prettier.config.js 或 .prettierrc.json 等格式。插件会自动读取这些配置。

Sider

多功能AI浏览器助手，帮助用户进行聊天、写作、阅读、翻译等

3249 查看详情

同时建议在项目中添加 .prettierignore 文件，忽略不需要格式化的文件：

node_modules
dist
build
*.min.js

5. 测试是否生效

打开一个 JS 或 Vue 文件，故意写乱格式，例如：

function hello(){console.log("world");}

保存文件（Ctrl+S），如果自动变成：

function hello() {
  console.log("world")
}

说明配置成功。

若未生效，检查控制台（View > Show Console）是否有错误提示，常见问题包括找不到 Prettier、Node 路径不对、权限问题等。

基本上就这些。只要插件装好、Prettier 存在、保存选项打开，Sublime 就能像 VS Code 一样自动格式化代码。关键是路径和配置别出错。

以上就是sublime如何设置文件保存时自动格式化 _sublime prettier插件配置的详细内容，更多请关注其它相关文章！

# 官网  # 免费网站建设标准  # 新型优质网站建设  # 长沙seo博客  # seo内容建设  # 口碑好网站建设资源  # 河源好口碑网站建设推广  # 榆次网站网络推广  # 食堂网站建设规划书  # 小红书关键词排名图片  # 蜗牛seo  # 也可  # 不需要  # 保存文件  # 这是  # 精选集  # css  # 配置文件  # 可选  # 如何设置  # 找不到  # node  # json  # node.js  # 前端  # js  # sublime  # html  # java  # javascript  # vue 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： Win11怎么安装Linux子系统 Win11 WSL2安装Ubuntu及环境配置指南  yandex入口引擎手机版 yandex安卓版下载入口  Animex动漫社网入口地址 Animex动漫社网正版在线入口  为什么简单的XML文件也会解析失败？ 检查隐藏的非打印字符（如BOM）的方法  ExcelARRAYTOTEXT函数怎么自定义分隔符输出数组文本_ARRAYTOTEXT实现动态生成SQL语句  Basecamp怎样用留言钉固定重点_Basecamp用留言钉固定重点【重点标记】  2025年云电脑操作系统体验 | 无需本地硬件，随时随地使用高性能PC  12306选座怎么选到临时改签座_12306改签选座策略与步骤  Spring Boot嵌入式服务器与J*a EE：功能支持深度解析  我的世界官方游戏入口 我的世界官网平台直达链接  Composer如何解决json扩展缺失的错误  AO3官方镜像站点汇总 AO3同人作品网页版直达链接  在Socket.IO连接中实现Access Token自动更新与动态重连  拼多多赚钱渠道_拼多多收益来源  在J*a中如何使用Exception包装底层异常_异常包装与信息传递方法说明  电脑屏幕颜色不舒服怎么办_Windows夜间模式与色彩校准教程【护眼技巧】  Mudbox图层蒙版怎么用_Mudbox图层蒙版数字雕刻应用技巧  win11专注助手在哪 Win11免打扰模式设置与自动化规则【指南】  C++的std::forward_list怎么用_C++ STL中单向链表容器的特点与应用  必由学官网首页入口 必由学教师网页版登录指南  海棠电脑版入口_通过电脑访问海棠官网阅读  sublime侧边栏怎么增强功能_SideBarEnhancements for sublime安装与配置  理解J*aScript Promise的微任务队列与执行顺序  AO3官方在线访问地址 Archive of Our Own最新镜像合集  漫蛙2在线漫画入口 漫蛙正版漫画网页版直达  如何在J*a中使用Locale处理多语言环境  单射、满射与双射的关系 一文理清所有逻辑  C++如何检测键盘输入_C++ _kbhit与_getch函数非阻塞输入  sublime如何配置Go语言开发环境_sublime搭建Golang编译运行系统  漫蛙2漫画入口 漫蛙正版网页漫画直达网址  怎样使用“本地安全策略”提升Windows安全性_Secpol.msc配置指南【高手】  俄罗斯浏览器官网直达链接 俄罗斯浏览器最新在线入口导航  快手赚钱渠道_快手收益来源  汽水音乐在线解析 汽水音乐在线解析入口  大象笔记网页版入口 印象笔记网页版登录入口  UC浏览器官网入口2025最新 UC浏览器网页版正式地址  css元素hover动画延迟生效怎么办_使用animation-delay调整触发时间  PHP 枚举：根据字符串获取枚举案例的策略与实现  jQuery Mask 插件中实现电话号码固定前导零的教程  必由学官方登录入口 必由学教师学生账号快速访问  C++如何比较两个字符串_C++ string compare函数与操作符对比  外媒分析《GTA6》定价：卖100美元可以但真没必要！  Win10双系统截图高效法 截屏快捷键速记【技巧】  怎么去除衣服上的口红印_生活小妙招教你用酒精轻松擦除  网易大神怎么保存别人动态的图片_网易大神动态图片保存方法  J*aScript中针对特定容器内图片动画的实现教程  Lar*el Form Request中唯一性验证在更新操作中的正确实现  铃兰之剑为这和平的世界希里技能组及加点推荐  免费抖音短视频入口_抖音网页版短视频免费通道  Golang如何使用context实现超时取消_Golang context超时取消模式实践