首次总耗时: `5小时`
依赖管理工具: `yarn`
整个项目架构:
![](https://img.kancloud.cn/0a/98/0a989370cf179b6f4071a2326a10dc10_129x383.png)
package.json中依赖管理:
![](https://img.kancloud.cn/24/52/24528ef3a6b4bfc59fd83f5ef64e7eed_601x739.png)
es6语法检测依赖安装:
~~~
yarn add @commitlint/cli @commitlint/config-conventional --dev
yarn add @vue/cli-plugin-eslint @vue/eslint-config-airbnb --dev
~~~
`.eslinttrc.js`文件详情
~~~
module.exports = {
root: true,
env: {
node: true
},
extends: ['plugin:vue/essential', '@vue/airbnb'],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
// 在这里自定义修改
'linebreak-style': 0,
semi: [2, 'never'], // 不加分号
'no-unused-expressions': [2, {
allowShortCircuit: true,
allowTernary: true
}], // 允许三元
'no-plusplus': 0, // 开启i++
'comma-dangle': [2, 'never'], // 结尾不使用逗号
'import/no-unresolved': [2, {
ignore: ['esri', 'dojo']
}], // 解决import esri/xxx编译不通过
'import/extensions': 0,
// 'no-console': 0,
'arrow-parens': [2, 'as-needed'], // 箭头函数参数只有一个时无需加括号
'no-param-reassign': [2, {
props: false
}],
'no-mixed-operators': 0,
// 'max-len': [2, {"code": 120} ],
'vue/no-parsing-error': [2, {
'x-invalid-end-tag': false
}]
},
parserOptions: {
parser: 'babel-eslint'
}
}
~~~