在vue项目中使用eslint步骤

IT牛男_Edward

已于 2022-09-08 08:59:19 修改

阅读量3k

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-09-07 15:13:41 首次发布

本文链接：https://blog.csdn.net/weixin_41760500/article/details/126746342

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

一、安装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"
    ],