phpstrom編輯器為例:可以在eslintrc.js中對代碼的格式進行一些配置 解決代碼格式不符合規則的報錯
module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', '@vue/standard' ], rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'indent': 'off', 'space-unary-ops': 'off', //關閉多余的空格檢驗 'no-trailing-spaces': 'off', //關閉無用的空格檢測 'semi': 'off', //關閉分號檢測 'space-before-function-paren': 'off', //關閉function前的空格 'no-multiple-empty-lines': 'off', 'no-tabs': 'off', }, parserOptions: { parser: 'babel-eslint' } }
為了代碼的規范化項目開發完后,要把添加的這些屬於自己編輯習慣的配置注釋掉或者刪除掉(上面代碼中紅色的部分)然后在命令行執行 npm run lint 對代碼格式進行初始化(前提是在package.json中有對 lint 進行配置)
"scripts": { "dev": "node build/dev-server.js", "start": "npm run dev", "build": "node build/build.js", "lint": "eslint --fix --ext .js,.vue src" },