VUE踩坑之eslint

使用vue的过程中发现，如果引用了组件，但是没有使用，系统总是提示：

 component has been registered but not used vue/no-unused-components vue.js vue-component share

前期项目总是要把代码删除的一干二净，这样虽然对代码非常好，但是开发过程是个麻烦事，毕竟开发过程中，可能为了调试临时屏蔽一个两个组件，但总是提示这个，还要把所有和这个组件有关的代码全部屏蔽了，太痛苦了。

经过查找后发现原来是试用vue ui创建项目时，给我们加了一个eslint进行代码检查，真是好东西。

但是为了提高开发调试效率，临时屏蔽吧，屏蔽方法很简单，打开文件“package.json”，eslintConfig 字段下的 rules 添加规则，代码如下：

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
		"vue/no-unused-components": "off"
	}
  },

好了，重新启动一下  npm run serve

开发过程变的顺畅多了，终于可以临时屏蔽一下我们不想看见的组件了。