之前每次拉取新的代码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。