规范的代码具有更好的阅读性、更好的可维护性,更利于多⼈协作开发。
常⻅的“代码标准”
https://standardjs.com/
https://github.com/airbnb/javascript
ESLint
如果希望团队开发者都遵守同⼀个代码规范,不能只靠⼝头约定,⽽是要通过⼯具进⾏约束,ESLint 是⾮常流⾏的代码校验⼯具。
配置⽂件 .eslintrc 内容如下:
// .eslintrc
module.exports = {
root: true,
env: {
node: true
},
extends: [
‘plugin:vue/essential’, // eslint-plugin-vue
‘@vue/standard’ // @vue/eslint-config-standard
],
parserOptions: {
parser: ‘babel-eslint’
},
rules: {
‘no-console’: process.env.NODE_ENV === ‘production’ ? ‘warn’
: ‘off’,
‘no-debugger’: process.env.NODE_ENV === ‘production’ ? ‘warn’
: ‘off’
}
}
eslint-plugin-vue
Vue 官⽅提供的 ESLint 插件。
官⽅⽂档:https://eslint.vuejs.org/
⽤于查找 、