Team Book

Appearance

Course-01 来认识一下 vz-vue 项目模板 ​

DRY Dont Repeat Yourself

优秀的程序员（不仅是程序员）对于重复枯燥的工作有天然的心理排斥，要想方设法减少重复工作。

0. 环境需求 ​

  • Git
bash
git clone https://github.com/personball/vz-vue.git
git clone https://github.com/personball/vz-vue.git
bash
dotnet tool install vz-generator -g
dotnet tool install vz-generator -g

跟我做

至少课后动手做一遍，know what you can do.

1 演示 vz rn ​

项目模板其实就是一个批量重命名，复用已有代码资产，节省团队开发成本。

2 演示 vscode ​

  • 启动 code
bash
code vz-vue
code vz-vue

  • Git: 打开源代码管理，允许打开父目录的git库

  • 安装 nvm 用于管理多个 node 版本 && 用 yarn 还原前端项目

  • 查看 packages.json/scripts

  • nswag 演示自动生成 api 调用代码

  • 查看 .vscode/ 内容，三个配置文件的配置内容讲解

  • 启动 tasks.json 中的后端服务

  • 查看 .vz/ 内容

  • wget https://localhost:44333/swagger/v1/swagger.json

  • vz g 演示

  • vz g -w 模板开发演示

3. README.md ​

介绍各种组件作用，相关的 vite 配置, 开发用法。