Prettier 配置(直接看图)(保存代码的时候自动校验代码格式)

一、介绍:
最简洁 能用版 后续会改良  直接看图 跟着操作

二、安装:

三、.prettierrc 配置文件 (根目录下的.prettierrc.json文件与src同级)
.prettierrc.json 是 Prettier 格式化工具的配置文件,用于指定代码格式化的规则和风格。下面是一些可能的配置选项:

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "singleQuote": true,
  "quoteProps": "as-needed",
  "trailingComma": "none",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "always",
  "requirePragma": false,
  "insertPragma": false,
  "proseWrap": "preserve",
  "htmlWhitespaceSensitivity": "css",
  "vueIndentScriptAndStyle": false,
  "endOfLine": "auto",
  "semi": true,
  "overrides": [
    {
      "files": "*.json",
      "options": {
        "tabWidth": 4
      }
    },
    {
      "files": "*.md",
      "options": {
        "printWidth": 100
      }
    }
  ]
}


可以根据自己的项目需求和个人喜好,选择适合的配置选项。请注意,在项目中创建或修改 .prettierrc.json 文件后,确保您的 IDE 或编辑器已配置为使用 Prettier 进行代码格式化。
此外,还有一些高级配置选项可以进一步调整 Prettier 的行为。您可以在 Prettier 的官方文档中查找更多详细信息和配置选项

                      参考:  vscode Prettier安装及配置_vscode prettier配置-优快云博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值