vue中一些小坑（1）

在vue中开发中使用eslint规范代码

在我们使用vue-cli，搭建项目的时候，其中就有一项是否使用eslint规范代码fengge，在以前的开发中，我自己都没有使用eslint，后来回头想想，代码都是人开发，不管是自己看是别人在看自己代码的使用，要是有一种规范，那么就大大的提高了代码的阅读性，利人利己，那么这个就是eslint；

eslint

ESLint is an open source project originally created by Nicholas C. Zakas in June 2013. Its goal is to provide a pluggable linting utility for JavaScript.

上边摘自eslint官方网站， ESLint是一种用于识别和报告ECMAScript / JavaScript代码中的模式的工具，其目标是使代码更加一致并避免错误。在许多方面，它类似于JSLint和JSHint

要是之前在开发中没有使用eslint或者在开发中些代码很不规范，那么以前的代码很用就会出现大量的错误，这些错误都是没有遵循eslint中规范；

在vscode使用eslint规范约束代码风格，vscode一个非常好的编辑器，其中集成了很多的插件，其中和eslint有关的就是ESlint，安装完插件后，在.vue文件中，右键格式化代码，就会按照eslint的规范去格式化代码，

eslint配置 vscode中的setting.json

//eslint配置 开始
    "eslint.autoFixOnSave": true,
     "files.autoSave":"off",
     "eslint.validate": [
       "javascript",
        "javascriptreact",
        "html",
       { "language": "vue", "autoFix": true }
          ],
      "eslint.options": {
         "plugins": ["html"]
      },
      //eslint配置 结束

      //eslint的两个空格间隔
      "editor.tabSize": 2