助赢中后台模板
使用
使用模板
在用vue初始化的项目目录中执行以下命令拉取模板
# 首先创建项目
vue create --preset zhuying projectName
# 然后进入projectName 目录下执行:
# 注意,此命令只需要执行一次就行,多次执行会多吃插入iview的引用,导致语法错误
vue add @zhuyingfe/zhuying-backend
项目模板目录结构
该目录会直接替换工程目录
src
目录内容,安装完成后可在此基础上根据个人习惯修改,如果不希望被覆盖,请提前提交git
├── document.md
└── src
├── App.vue # 主入口
├── router
│ ├── routes.js # 路由们
│ └── index.js
├── service
│ ├── api.js # api接口地址
│ └── index.js
└── utils
├── axios.js # 请求拦截
├── index.js
├── request.js # 封装的网络请求
└── util.js # 工具库
提供依赖列表
为当前最新版本依赖,持续更新
"axios": "^0.18.0" # 数据请求
"dayjs": "^1.8.11" # 日期处理
"iview": "^3.3.3" # 组件库
"qs": "^6.7.0" # 查询参数格式化
"url-pattern": "^1.0.3" # 处理url查询参数
调试插件
提供本地调试vue插件的方法,需要一个测试的工程配合
vue create [project-name]
# 拉取代码到本地,npm 安装本地目录
npm i local_plugin -S
# 进入测试项目执行 vue 命令
vue invoke vue-cli-plugin-xx
# 完成安装后可以看到效果