zh-zdmin-vue3 添加eslint

github代码地址：​​https://github.com/956159241/zh-admin/tree/0.0.1​​​ gitee代码地址：​​https://gitee.com/huafei_1_0/zh-admin/tree/0.0.1/​​ 线上demo地址：​​http://zhadminvue.iotzzh.com/​​

安装eslint

yarn add eslint  -D

这里对node有一定的要求：这里选用的是14.17.0

初始化eslint

npx eslint --init

初始完结束后，会多出来一个文件：.eslintrc.json， 稍微加了两个规则：

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "plugin:vue/essential",
        "airbnb-base"
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "parser": "@typescript-eslint/parser",
        "sourceType": "module"
    },
    "plugins": [
        "vue",
        "@typescript-eslint"
    ],
    "rules": {
        "semi": 2,
        "quotes": 2,
        "no-console": 2
    }
}

这个时候如果使用vs code的话，eslint并不会起作用，还需要安装eslint插件，启用之后才会起作用。

参考网址

​​​https://www.jianshu.com/p/627d8b2aaa4a​​