项目配置eslint

前言

最近项目合并代码有点痛苦，大部分冲突是风格问题，所以记录下来...，这里只用standard的风格，Prettier只用于自动格式化代码，所以配置默认就行

[安装eslint](User Guide | eslint-plugin-vue (vuejs.org))

npm install --save-dev eslint prettier eslint-plugin-prettier

./node_modules/.bin/eslint --init

初始化的时候，会让你选择风格，我们选择社区流行风格standard

修改.eslintrc, 增加prettier选项

因为是uniapp项目，所以给globals加了几个属性

 module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  extends: ["plugin:vue/essential", "standard", "prettier"],
  globals: {
    uni: "readonly",
    plus: "readonly",
    wx: "readonly",
  },
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
  },
  plugins: ["vue"],
  rules: {},
};

设置vscode settings.json

{
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      "vue-html",
      "vue"
    ],
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    "nuxt.isNuxtApp": false
  }

如果发现没生效，vscode编辑器右键，修改格式化文档的默认格式化方式，选择 Prettier Eslint

完结撒花~~~