zh-zdmin-vue3 添加eslint-CFANZ编程社区

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

zh-zdmin-vue3 添加eslint_typescript

zh-zdmin-vue3 添加eslint_javascript_02

初始化eslint

npx eslint --init

zh-zdmin-vue3 添加eslint_前端_03

初始完结束后，会多出来一个文件：.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插件，启用之后才会起作用。

zh-zdmin-vue3 添加eslint_typescript_04

参考网址

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