一、项目的创建步骤：

1. 
2. 
3. 
4. 命令：

npm i vue@3.2.8 vue-router@4.0.11 vuex@4.0.2

npm i vue@3.2.8 vue-router@4.0.11 vuex@4.0.2 --force

5. .eslintrc.js ⽂件下

module.exports = {
 // 表示当前⽬录即为根⽬录，ESLint 规则将被限制到该⽬录下
 root: true,
 // env 表示启⽤ ESLint 检测的环境
 env: {
 // 在 node 环境下启动 ESLint 检测
 node: true
 },
 // ESLint 中基础配置需要继承的配置
 extends: ["plugin:vue/vue3-essential", "@vue/standard"],
 // 解析器
 parserOptions: {
 parser: "babel-eslint"
 },
 // 需要修改的启⽤规则及其各⾃的错误级别
 /**
 5. 错误级别分为三种：
 6. "off" 或 0 - 关闭规则
 7. "warn" 或 1 - 开启规则，使⽤警告级别的错误：warn (不会导致程序退出)
 8. "error" 或 2 - 开启规则，使⽤错误级别的错误：error (当被触发的时候，程序会退出)
 */
 rules: {
 "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
 "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
 }
}

解决方案：npm i webpack vue vue-loader --force

6. VSCode 中安装 prettier 插件
7. 在项⽬中新建 .prettierrc ⽂件，该⽂件为 perttier 默认配置⽂件

 // 不尾随分号
 "semi": false,
 // 使⽤单引号
 "singleQuote": true,
 // 多⾏逗号分割的语法中，最后⼀⾏不加逗号
 "trailingComma": "none"
}

8.vscode设置自动保存
9.eslintrc.js的rules里面，配置完后，重启项目

'space-before-function-paren': 'off'

以上为代码规范和eslint规范