基本配置

危险

注意: (1) ide 需要安装相应 eslint 插件;

(2)解决 eslint 样式冲突:

1）eslint-plugin-prettier eslint-config-prettier

2）eslint 内不做样式规范

安装

npm install -D prettier eslint-plugin-prettier eslint-config-prettier

配置

//编写代码时，尽量符合以下规则
module.exports = {
  printWidth: 80, //单行长度,超过则自动换行
  tabWidth: 2, //缩进长度
  useTabs: false, //使用空格代替tab缩进
  semi: false, //句末使用分号
  singleQuote: true, //使用单引号
  endOfLine: "auto", //配置换行符格式为auto
  arrowParens: "avoid", //单参数箭头函数参数周围使用圆括号-eg: (x) => xavoid：省略括号
  bracketSpacing: true, //在对象前后添加空格-eg: { foo: bar }
  insertPragma: false, //在已被preitter格式化的文件顶部加上标注
  jsxBracketSameLine: false, //多属性html标签的‘>’折行放置
  rangeStart: 0,
  requirePragma: false, //无需顶部注释即可格式化
  trailingComma: "none", //多行时尽可能打印尾随逗号
  useTabs: false, //使用空格代替tab缩进
};

执行

npx prettier --write src/