0.0.18 • Published 3 years ago
dh-vue-components v0.0.18
vue-template
vue2.x项目模板,包含vue-router
, vuex
, ant-design
、axios
、less
,多人协作时 使用前请先支持EditorConfig 保证代码统一风格
相关文档
- VUE路由: vue-router
- 状态管理: vuex
- UI框架: ant-design-vue
- Http Request: Axios
- CSS 预处理: less
代码规范
- 代码规范文档 - 共享盘
\共享文件夹\3. 开发文档\0x1_编码规范\JavaScript编码规范
vscode
代码自动格式化-关联eslint校验规则当前项目: 根目录下
.vscode/settings.json
添加配置全局:
C:\Users\{username}\AppData\Roaming\Code\User\settings.json
添加配置
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"editor.formatOnSave": true,
如果遇到代码格式化有冲突或者不生效:则尝试禁用
JS-CSS-HTML Formatter
插件如果安装了
vetur
,为了防止多个代码检查产生冲突,请关闭vetur
的代码检查:
"vetur.format.defaultFormatter.html": "none",
"[vue]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
}
设计规范
安装依赖
npm i
启动服务
npm run serve
打包
npm run build
上传(默认上传到开发环境)
上传部署前,需要正确配置 ./deploy.js
服务器相关配置
npm run upload // 上传到 开发 环境
npm run upload:test // 上传到 测试 环境
npm run upload:prod // 上传到 开发 环境
部署(打包并上传)
npm run deploy // 部署到 开发 环境
npm run deploy:test // 部署到 测试 环境
npm run deploy:prod // 部署到 开发 环境