一行命令快速初始化个性化模板项目

经常碰到一些场景，需要临时初始化一个Vue或React项目来验证问题，或者写一些demo。如果是 Vue 工程，首先会想到用官方脚手架（ vue create ）去初始化一个工程，但是官方脚手架初始化的工程相当于是“纯净版”，大多时候想初始化自己的一套模板，比如包含了UI框架、tailwind、axios等第三方资源的改模板，即使每次去复制配置也比较麻烦，最好初始化的时候一步到位。

先看最终效果。

比如我想初始化一个vue2.7的工程，只用输入命令。

degit qinshenxue/p/vue27 e:/temp && code e:/temp

相应的。

# 初始化一个 vue2.7+vite的工程
degit qinshenxue/p/vue27vite e:/temp  && code e:/temp

# 初始化一个vue3.4的工程
degit qinshenxue/p/vue34 e:/temp  && code e:/temp

# 初始化一个vue3.5的工程
degit qinshenxue/p/vue35 e:/temp  && code e:/temp

以上模板都可以自己去配置常用的一些库，甚至可以锁定一些库的版本。在工作中，可以去配置一套公司项目的模板，方便排查及验证问题等场景使用。

上面初始化都是使用了degit命令（安装：npm install -g degit），简单来说它可以用来快速去克隆一个 github 的项目，它会缓存到本地，因此速度会非常快。详细信息可以去其主页了解。https://github.com/Rich-Harris/degit。

上面我所使用的模板都是放在了个人 github 仓库下。、

image.png

一个项目包含了所有常用的模板，还可以根据需求不断维护。

degit 是支持指定克隆github项目的那个文件夹的。

degit github用户名/项目/文件夹 本地文件夹 && code 本地文件夹
code 是 VSCode 编辑器的命令行工具，这样可以一步到位，初始化完后直接在VSCode打开文件夹，然后安装依赖进行开发。​