- 首先在项目中引入eslint (需要全局和在项目中安装eslint)
eslint --init
使用init后项目中已经有eslintrc.js配置文件
- 安装prettier
npm i -D prettier eslint-plugin-prettier eslint-config-prettier
eslint-plugin-prettier插件会调用prettier对你的代码风格进行检查,其原理是先使用prettier对你的代码进行格式化,然后与格式化之前的代码进行对比,如果过出现了不一致,这个地方就会被prettier进行标记。
需要在rules中添加,“prettier/prettier”: “error”,表示被prettier标记的地方抛出错误信息。
//.eslintrc.js
{
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error"
}
}
使用eslint-config-prettier配置,能够关闭一些不必要的或者是与prettier冲突的lint选项。这样我们就不会看到一些error同时出现两次。使用的时候需要确保,这个配置在extends的最后一项。
//.eslintrc.js
{
extends: [
'standard', //使用standard做代码规范
"prettier",
],
}
- 实现自动保存格式化代码
借助ESLint的autofix功能,