doc

Eslint,让我的代码更规范

ESLint是一个语法规则和代码风格的检查工具, 我之前的react项目有着完善的eslint配置, 这让我在开发过程中和后期维护中明显感受到了它带来的便利和高效

我现在的这个vue项目是用Vue CLI 3搭建起来的, 已经很完善了, 但开发过程中还是有些不方便之处, 尤其是template模板不能自动修复, 所以我今天抽了点时间配置了下eslint和vscode编辑器

.vscode/settings.json

添加了一段, 现在终于可以自动修复.vue文件了, 每次编辑器保存会自动修复后保存

"eslint.autoFixOnSave": true,
  "eslint.validate": [
    {
      "language": "javascript",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]

.eslintrc

我不推荐重复造轮子, eslint规则太多, 推荐下面这种扩展加个人定制的配置方式,我只添加了plugin:vue/strongly-recommended, 我的template里的代码现在漂亮多了

 extends: ['plugin:vue/essential', 'plugin:vue/strongly-recommended', '@vue/airbnb'],