sublime如何设置文件保存时自动格式化 _sublime prettier插件配置

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

1. 安装必要的插件

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

• JsPrettier：这是最常用的 Prettier 集成插件，支持多种前端语言（JavaScript、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 --save-dev prettier

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

3. 配置 JsPrettier 设置

进入插件设置：

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

{
  "auto_format_on_save": true,
  "auto_format_on_save_excludes": [
    "*/node_modules/*",
    "*/dist/*",
    "*/build/*"
  ],
  "prettier_cli_path": "",
  "node_path": "",
  "format_on_save_timeout": 2000
}

• auto_format_on_save: true 是关键，开启保存时自动格式化。
• auto_format_on_save_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 等格式。插件会自动读取这些配置。

腾讯Effidit

腾讯AI Lab开发的AI写作助手，提升写作者的写作效率和创作体验

65

查看详情

同时建议在项目中添加 .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 路径不对、权限问题等。

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