vscode prettierrc定制项目专属的规则

.prettierrc配置文件

/**
 * 在VSCode中安装prettier插件 打开插件配置填写`.prettierrc.js` 将本文件作为其代码格式化规范
 * 在本文件中修改格式化规则，不会同时触发改变ESLint代码检查，所以每次修改本文件需要重启VSCode，ESLint检查才能同步代码格式化
 * 需要相应的代码格式化规范请自行查阅配置，下面为默认项目配置
 */
module.exports = {
    eslintIntegration: true, 
    printWidth: 120, // 一行最多 120 字符(默认80)
    tabWidth: 2, // 每个tab相当于多少个空格（默认2）
    useTabs: false, // 是否使用tab进行缩进（默认false）
    semi: true, // 行尾需要有分号(默认true)
    singleQuote: true, // 使用单引号（默认false）
    quoteProps: 'as-needed', // 对象的 key 仅在必要时用引号
    jsxSingleQuote: false, // jsx 不使用单引号，而使用双引号
    // trailingComma: 'none', // 多行使用拖尾逗号（默认none）
    trailingComma: 'all', // 尾逗号
    bracketSpacing: true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"（默认true）
    jsxBracketSameLine: false, // 多行JSX中的>放置在最后一行的结尾，而不是另起一行（默认false）
    // htmlWhitespaceSensitivity: 'css', // 根据显示样式决定 html 要不要折行
    htmlWhitespaceSensitivity: 'ignore', // vue template 中的结束标签结尾尖括号掉到了下一行
    arrowParens: 'avoid', // 只有一个参数的箭头函数的参数是否带圆括号（默认avoid:添加括号）
    endOfLine: 'auto' // 行尾换行符
  }