prettier 代码格式化

## 项目根目录 新建 `.prettierrc`
{
  "printWidth": 80, // 每行到多少长度开始折行
  "tabWidth": 2, // tab 缩进字符数
  "semi": false, // 行尾加分号
   "useTabs": true, //使用tab（制表符）缩进而非空格
  "singleQuote": true, // 单引号替换双引号
  "trailingComma": "none", // 数组、对象最后一个元素的尾逗号
  "bracketSpacing": true, // 花括号前后空格
  "jsxBracketSameLine": true, // 使多行JSX元素最后一行末尾的 > 单独一行
  "parser": "babel", // 指定使用哪一种解析器 最好不设置 除js vue的文件格式化可能会失效
  "arrowParens": "avoid", //只有一个参数的箭头函数的参数是否带圆括号（默认avoid不带）
  "jsxSingleQuote": true, //在JSX中使用单引号
  "htmlWhitespaceSensitivity": "ignore", //为 HTML 文件定义全局空格敏感度
  "quoteProps": "as-needed" //自定义引号配置
}

.prettierrc 不允许注释说明 以下用于复制使用

{
    "printWidth": 80,
    "tabWidth": 2,
    "semi": false,
    "useTabs": true,
    "singleQuote": true,
    "trailingComma": "none",
    "bracketSpacing": true,
    "jsxBracketSameLine": true,
    "arrowParens": "avoid",
    "jsxSingleQuote": true,
    "htmlWhitespaceSensitivity": "ignore",
    "quoteProps": "as-needed"
}

- 如果检测到本地有.prettierrc 文件 则settings.json的prettier配置失效

settings.json 文件基础配置 详情见settings.json配置文件文章

// 自动保存格式化 
"editor.formatOnSave": true

// 单引号 无分号
"vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  }