一个简易的脚手架，目前已经配置两个模板
blog：一个使用 issue 来写 blog 的模板，预览 issues blogadmin：一个 Vue + element ui 的后台管理系统，预览 admin-system
- 安装
npm install -g portable-cli- 查看模板
portable-cli list
➡️ Template name: blog, Github address https://github.com/niexia/issues-blog-template.git
➡️ Template name: admin, Github address https://github.com/niexia/vue-element-admin.git- 使用模板创建项目
# portable-cli create <template-name> <project-name>
portable-cli create blog my-blog
PORTABLE CLI v1.0.2
📦 Creating project in /Users/yangjin/Documents/enrich-github/my-blog.
⠋ Download project template. This might take a while...
🗃 Initializing git repository...
🎉 Successfully created project my-blog.- 添加模板
# portable-cli add <template-name> <git-repo-address>
portable-cli add my-blog-template https://github.com/niexia/issues-blog-template.git
🎉 Successfully add project template my-blog-template.
# list template
portable-cli list
➡️ Template name: blog, Github address https://github.com/niexia/issues-blog-template.git
➡️ Template name: admin, Github address https://github.com/niexia/vue-element-admin.git
➡️ Template name: my-blog-template, Github address https://github.com/niexia/issues-blog-template.git- 删除模板
# portable-cli delete <template-name>
portable-cli delete my-blog-template
? Make sure that you want to delete the template my-blog-template? Yes
🎉 Successfully delete project template my-blog-template.随着项目逐渐复杂和增加之后
- 每个项目都需要设置一样的配置，复制粘贴
- 多个项目的配置和结构容易出现不统一，不好管理
通过使用脚手架，配置一系列的指令，同时定义好不同选择对应的模板，就可以根据实际情况的选择，直接生成一套合适的项目代码，解决上面的问题。
在脚手架内部提供一些能力，和用户进行交互
- 根据不同场景定义好对应的模板，统一项目结构，相关的代码设计
- 脚手架通过命令式和用户进行交互，选择对应的模板进行初始化项目
- 脚手架和模板解耦，支持对模板进行管理
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent