- 安裝插件
npm i -g eslint-plug
- 項目根目錄下 eslintrc.js 配置
plugins: [
'html',
'vue' // 增加此配置項
],
添加eslint 和 vetur 插件馆蠕,直接在插件商店搜索即可
修改 vscode 首選項配置
文件 > 首選項 > 設(shè)置 > eslint.validate > 在 settings.json 中編輯 添加如下代碼
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
// 保存自動修復(fù)
"eslint.autoFixOnSave": true,
// jsx自動修復(fù)有問題,取消js的format
"editor.formatOnSave": true,
// Enable/disable default JavaScript formatter (For Prettier)
"javascript.format.enable": true,
"prettier.singleQuote": true,
// 點(diǎn)擊保存時,根據(jù) eslint 規(guī)則自定修復(fù),同時集成 prettier 到 eslint 中
"prettier.eslintIntegration": true,
},