Prettier

1.安装

  npm install prettier --save-dev

2.执行

  npx prettier . --write

3. package.json

   "scripts": {
    "format": "prettier --write . && git add ."
   }

4. (.prettierignore)

.cache

# Ignore all HTML files:
*.html
*.yml
*.yaml

.env
.env.development
.env.production
.gitignore
.vscode
package-lock.json
package.json
styles

5. (.prettierrc.config.js)

module.exports = {
  // printWidth: 200, // 单行长度
  tabWidth: 2, // 缩进长度
  useTabs: false, // 使用空格代替tab缩进
  semi: true, // 句末使用分号
  singleQuote: true, // 使用单引号
  quoteProps: "as-needed", //仅在必需时为对象的key添加引号
  trailingComma: "all", //多行时尽可能打印尾随逗号
  bracketSpacing: true, //在对象前后添加空格-eg: { foo: bar }
  jsxBracketSameLine: false, // 多属性html标签的‘>’折行放置
  arrowParens: "always", // 单参数箭头函数参数周围使用圆括号-eg: (x) => x
  requirePragma: false, // 无需顶部注释即可格式化
  insertPragma: false, // 在已被preitter格式化的文件顶部加上标注
  proseWrap: "never",
  htmlWhitespaceSensitivity: "ignore", //对HTML全局空白不敏感
  endOfLine: "auto", //结束行形式
  embeddedLanguageFormatting: "auto", //对引用代码进行格式化
};