eslint是一個非常出色的代碼校驗工具,它的檢查能力極為出眾,而且支持多種編程語言。其中,對于vue項目的校驗,我們可以使用eslint插件來保證代碼的質量。
安裝eslint及插件:
npm install eslint --save-dev
npm install babel-eslint --save-dev
npm install eslint-plugin-vue --save-dev
編輯.eslintrc.js文件:
module.exports = {
"env": {
"browser": true,
"node": true,
"es6": true
},
"parser": "babel-eslint",
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 2018
},
"plugins": [
"vue"
],
"extends": [
"eslint:recommended",
"plugin:vue/recommended"
],
"rules": {
//自定義規則
},
}
這里我們使用了插件vue/recommended中的規則,符合vue官方推薦的規范。如果需要自定義一些規則,我們可以在rules中進行添加或修改。
最后,運行eslint命令檢查我們的代碼:
eslint --ext .js,.vue src
命令含義:檢查src目錄下的所有.js和.vue文件
使用eslint插件能夠幫助我們快速定位代碼問題,提高代碼質量,歡迎大家嘗試。