安装
npm i eslint
自动生成文件
npm init @eslint/config
配置
module.exports = {
root: true,
parserOptions: {
ecmaVersion: 11,
sourceType: 'module',
},
extends: [
'eslint:recommended', 推荐的规则表
'airbnb-base',
],
plugins: [
'vue',
],
rules: {
'semi':2 例如： 所有文件都需要加上分号
},
};
vite与eslint关联
1 安装
npm i vite-plugin-eslint
2 设置
vite.config.ts
import eslint form 'vite-plugin-eslint'
export default defineConfig({
plugins:[vue(),eslint()]
})
eslintrc.cjs中添加
module.exports = {
"env":{"node":true}
}
目前还没法验证vue文件的语法 会直接报错 因为出现了 template标签 解决方案：npm i eslint-plugin-vue
设置 extends:["plugin:vue/vue3-essential"]
无法验证ts语法一些符号 例如泛型括号 解决方案：npm i @vue/eslint-config-typescript
设置 extends:["plugin:vue/vue3-essential","@vue/eslint-config-typescript"]
如果要验证更多文件 在.vscode 文件中添加文件 setting.json
{
"eslint.validate":["javescript",'vue','typescript']
}
遇见eslint报错 其他解决方案
安装eslint插件 1 ctrl+shift+p ---> Eslint:fix all suto-fixable
problems
或者 设置保存自动修复所有问题 打开eslint插件中的setting.json
"editor.codeActionsOnSave":{"sourcefixAll.eslint":true}