一、安装eslint

npm install eslint -D

二、初始化eslint,

npm --init

三、初始化完后会自动生成一个.eslintrc.js文件;

//如果是vue3+ts项目,则需要在parserOptions下配置:
 parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    tsconfigRootDir: __dirname, // 解决 @typescript-eslint/parser.文件的不同 lint 规则
    project: ['./tsconfig.json'] //  解决 @typescript-eslint/parser.文件的不同 lint 规则
  },

四、做完这样,还需要再vscode中设置eslint的保存自动校验

//设置>>>打开setting.json文件,加上自动校验
 "eslint.run": "onType",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
 //需要校验的文件类型
   "eslint.validate": [
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "vue"
    ],
Logo

前往低代码交流专区

更多推荐