该仓库是为统一 Vue 项目初期配置而设立,方便快速进行业务开发。
vue-router
vuex
axios
vue-cookies
vue-meta
node-sass
sass-loader
webpack-spritesmith
拉取到本地运行后,会看到部分功能演示,同时项目目录里带有 example 的目录均为演示代码。
example
推荐使用 VS Code ,并安装以下扩展:
EditorConfig for VS Code
ESLint
Vetur
Prettier - Code formatter
ESLint 参考配置
"eslint.validate": [ "javascript", "javascriptreact", "vue-html", { "language": "vue", "autoFix": true } ], "eslint.run": "onSave", "eslint.autoFixOnSave": true, "eslint.packageManager": "yarn"
如果不能接受本项目的代码风格,可在 .editconfig.js 和 .eslintrc.js 中分别修改编辑器配置和代码风格规则后,运行 npm run lint 进行代码风格检查并修复。
.editconfig.js
.eslintrc.js
npm run lint
例如你想以 2 个空格进行代码缩进,需要在 .editconfig.js 里将 indent_size = 4 改为 indent_size = 2 ,在 .eslintrc.js里分别将 indent 、vue/html-indent 、vue/script-indent 均设置为 2 ,最后运行 npm run lint ,部分规则可能不支持自动修复,则需要手动操作,可以参考以下两个规则配置文档:
indent_size = 4
indent_size = 2
indent
vue/html-indent
vue/script-indent
eslint-plugin-vue