使用Prettier来格式化项目-自己学习非教程

安装 prettier
如果你还没有安装 prettier，你可以使用以下命令安装它：

npm install -g prettier

然后可以在项目的packjson.json文件中的scripts对象中配置指令,
指令的意思就是格式化src下的所有文件（包括js,jsx,ts,tsx,vue,scss,css,json），你也可以根据自己的需要进行配置

接下来就是配置你项目的规则了，需要创建一个.prettierrc.json文件

文件的内容就是对整个项目的配置了

{
  // 在语句末尾添加分号
  "semi": true,

  // 使用单引号而不是双引号
  "singleQuote": true,

  // 在对象或数组末尾始终添加逗号
  "trailingComma": "all",

  // 每行代码最大长度为100个字符
  "printWidth": 100,

  // 不对 markdown 文本进行自动换行
  "proseWrap": "never",

  // 使用 LF 作为换行符
  "endOfLine": "lf",

  // 缩进使用2个空格
  "tabWidth": 2,
  "useTabs": false,

  // 对象字面量中的括号之间添加空格
  "bracketSpacing": true,

  // JSX 标签的闭合括号另起一行
  "jsxBracketSameLine": false,
  "bracketSameLine": false,

  // 箭头函数只有一个参数时不添加括号
  "arrowParens": "avoid",

  // Vue 文件中的 script 和 style 标签不缩进
  "vueIndentScriptAndStyle": false,

  // HTML 属性每行只写一个
  "singleAttributePerLine": true,

  // 严格处理 HTML 空白符
  "htmlWhitespaceSensitivity": "strict",

  // 自动检测并格式化嵌入的代码块
  "embeddedLanguageFormatting": "auto"
}