vue项目添加prettier

1. npm i --save-dev prettier

2.在文件根目录下新建.prettierrc.js，并加入以下内容：

module.exports = {

  // 代码结尾是否加分号

  semi: false,

  // 是否使用单引号

  singleQuote: true,

  // 对象大括号内两边是否加空格 { a:0 }

  bracketSpacing: true,

  // 单个参数的箭头函数不加括号 x => x

  arrowParens: 'avoid',

  // 超过多少字符强制换行

  printWidth: 80,

  // 文件换行格式 LF/CRLF

  endOfLine: 'auto',

  // 使用 2 个空格缩进

  tabWidth: 2,

  // 不使用缩进符，而使用空格

  useTabs: false,

  // 对象的 key 仅在必要时用引号

  quoteProps: 'as-needed',

  // jsx 不使用单引号，而使用双引号

  jsxSingleQuote: false,

  // 末尾不需要逗号

  trailingComma: 'none',

  // jsx 标签的反尖括号需要换行

  jsxBracketSameLine: false,

  // 每个文件格式化的范围是文件的全部内容

  rangeStart: 0,

  rangeEnd: Infinity,

  // 不需要写文件开头的 @prettier

  requirePragma: false,

  // 不需要自动在文件开头插入 @prettier

  insertPragma: false,

  // 使用默认的折行标准

  proseWrap: 'preserve',

  // 根据显示样式决定 html 要不要折行

  htmlWhitespaceSensitivity: 'css'

}

 

3.在package.json中的scripts加入命令 ：

"lint:prettier":"npx prettier --write src/"