不同IDE之间 prettier + eslint冲突问题

之前每次拉取新的代码IDE都是一大片的报错,然后需要格式化一遍才能正常运行项目,不知道是不是因为IDE插件版本问题还是什么情况,总之很是烦恼。记得看过一篇文章,自己配置prettier格式化规范。开始使用 .prettier.js文件,然而并没有什么效果。后来网上查了查,找到一个配置的是prettier.config.js完美的解决了冲突,配置如下:

module.exports = {
  printWidth: 100, // 每行代码长度(默认80)
  tabWidth: 2, // 每个tab相当于多少个空格(默认2
  useTabs: false, // 是否使用tab进行缩进(默认false)
  singleQuote: false, // 使用双引号(默认false)
  semi: true, // 声明结尾使用分号(默认true)
  trailingComma: 'all', // 多行使用拖尾逗号(默认node)
  bracketSpacing: true, // 对象字面量的大括号间使用空格(默认true)
  jsxBracketSameLine: false, // 多行jsx中的>放置在最后一行的结尾而不是另起一行(默认false)
  arrowParens: 'avoid' // 箭头函数参数括号 默认avoid 可选 avoid | always。avoid 能省略括号的就省略 例如 x => x; always总是有括号
};

项目配置

Eslint 在创建项目的时候选择Eslint + prettier就好, 然后在项目中加入上边的js文件。

IDE配置

IDE中安装prettier 和 eslint 插件。配置好保存时运行以及 fix。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容