@zhuyingfe/vue-cli-plugin-zhuying-backend

助赢中后台模板

使用

使用模板

在用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

# 完成安装后可以看到效果

参考

vue-cli@3.x Commit message