1.准備
- vscode
- vscode安裝了prettier插件
- 一個vue3項目
2.步驟
（1）安裝eslint插件
yarn add -D eslint
（2）初始化eslintrc.js配置文件
控制台執行命令：npx eslint --init
步驟如下：
eslint的作用：這里選第一項（僅檢查語法）。如果這里選擇第二項的話，vue文件中的html部分會一直報錯（Parsing error: '>' expected.eslint），如下所示：
由於還只在探索eslint使用階段，所以這里暫不深究
在什么場景使用eslint（ES6或CommonJS）：這里選第一個
在哪個框架下使用eslint：這里選Vue
項目是否使用TypeScript：yes
運行時環境（node/瀏覽器）：全選
配置文件保存為什么格式：js
是否安裝上面的依賴包：yes
我走到這一步會包很多錯誤：
這里需要把紅框種的依賴包復制下來手動安裝：
yarn add -D eslint-plugin-vue@latest @typescript-eslint/eslint-plugin@latest @typescript-eslint/parser@latest
安裝完成以后，項目根目錄會出現一個.eslintrc.js文件：
所有的規則都在rules屬性種配置，所有規則見官網，此時在rules中配置規則，即可在項目中生效。
