eslint-config-vue检查.vue中的template模板

Author: labnize

.eslintrc.js

@@ -1,14 +1,15 @@
 module.exports = {
-  parser: 'babel-eslint',
+  // parser: 'babel-eslint',
   env: {
     browser: true,
     commonjs: true,
     es6: true
   },
-  extends: 'airbnb-base',
-  plugins: [
-    'html'
-  ],
+  // extends: ['airbnb-base'],
+  extends: ['plugin:vue/recommended', 'airbnb-base'],
+  // plugins: [
+  //   'vue'
+  // ],
   rules: {
     quotes: [2, 'single'],
     semi: 2,

package.json

@@ -27,10 +27,11 @@
     "clean-webpack-plugin": "^0.1.16",
     "css-loader": "^0.28.5",
     "element-ui": "^1.4.3",
-    "eslint": "^4.5.0",
+    "eslint": "^3.19.0",
     "eslint-config-airbnb-base": "^11.3.2",
     "eslint-plugin-html": "^3.2.0",
     "eslint-plugin-import": "^2.7.0",
+    "eslint-plugin-vue": "^3.12.0",
     "extract-text-webpack-plugin": "^3.0.0",
     "file-loader": "^0.11.2",
     "html-webpack-plugin": "^2.30.1",

src/components/layout.vue

@@ -14,18 +14,18 @@
 </template>
 
 <script>
-  export default {
-    name: 'layout',
-    data() {
-      return {
-        activeIndex: '1',
-        activeIndex2: '1'
-      };
-    },
-    methods: {
-      handleSelect(key, keyPath) {
-        console.log(key, keyPath);
-      }
+export default {
+  name: 'layout',
+  data() {
+    return {
+      activeIndex: '1',
+      activeIndex2: '1'
+    };
+  },
+  methods: {
+    handleSelect(key, keyPath) {
+      console.log(key, keyPath);
     }
   }
+};
 </script>