Feature(lint): add github hook for linting before commit

Author: Armour

.eslintrc.js

@@ -1,21 +1,17 @@
 module.exports = {
   root: true,
-
   env: {
     browser: true,
     node: true,
     es6: true
   },
-
   parserOptions: {
     parser: '@typescript-eslint/parser',
     sourceType: 'module'
   },
-
   plugins: [
     'vue'
   ],
-
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
@@ -32,7 +28,6 @@ module.exports = {
     'vue/match-component-file-name': 'error',
     'vue/object-curly-spacing': 'error'
   },
-
   'extends': [
     'eslint:recommended',
     'plugin:vue/recommended',

README.md

@@ -34,38 +34,37 @@ yarn install
 ### Compiles and hot-reloads for development
 
 ```bash
-yarn serve
+yarn run serve
 ```
 
 ### Compiles and minifies for production
 
 ```bash
-yarn build
+yarn run build
 ```
 
 ### Lints and fixes files
 
 ```bash
-yarn lint
+yarn run lint
 ```
 
 ### Run your unit tests
 
 ```bash
-yarn test:unit
+yarn run test:unit
 ```
 
 ### Run your end-to-end tests
 
 ```bash
-yarn test:e2e
+yarn run test:e2e
 ```
 
 ### Generate all svg components
 
 ```bash
-yarn svg
-# Note: need to run "yarn global add vue-svgicon" first
+yarn run svg
 ```
 
 ### Customize Vue configuration

package.json

@@ -14,7 +14,7 @@
     "@types/clipboard": "^2.0.1",
     "axios": "^0.18.0",
     "clipboard": "^2.0.4",
-    "element-ui": "^2.7.0",
+    "element-ui": "^2.7.2",
     "js-cookie": "^2.2.0",
     "mockjs": "^1.0.1-beta3",
     "normalize.css": "^8.0.1",
@@ -53,13 +53,23 @@
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.2.2",
     "fibers": "^3.1.1",
-    "jest": "^24.6.0",
-    "sass": "^1.17.3",
+    "jest": "^24.7.1",
+    "lint-staged": "^8.1.5",
+    "sass": "^1.17.4",
     "sass-loader": "^7.1.0",
     "ts-jest": "^24.0.1",
     "typescript": "3.4.1",
     "vue-cli-plugin-element": "^1.0.1",
     "vue-template-compiler": "^2.6.10",
     "webpack": "^4.29.6"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,vue}": [
+      "vue-cli-service lint",
+      "git add"
+    ]
   }
 }

vue.config.js

@@ -1,9 +1,7 @@
 module.exports = {
   publicPath: process.env.NODE_ENV === 'production' ? '/vue-typescript-admin-template/' : '/',
-
   pwa: {
     name: 'vue-typescript-admin-template'
   },
-
   lintOnSave: process.env.NODE_ENV !== 'production'
 }