前端脚手架初始化一个项目的目录结构和里面的代码，是如何实现的？

[Yukee798]

最近在开发一个前端 CLI 工具，请问一下类似 create-react-app 、vite 这些脚手架工具，在初始化一个项目时，生成的初始目录结构，以及这些文件内的代码，是如何更方便的实现的？

[ifdef]

可以看源码

https://github.com/facebook/create-react-app

[yhxx]

create-react-app 是从指定的模板直接复制过来的

[laolaowang]

见过的大部分项目貌似是固定的模板

[dudubaba]

就是个下载的过程：模板放在 git 仓库里，当使用 inquirer 这种交互选择模板后，从 git 仓库中 download 模板到本地

[draco95]

这边建议直接用 @angular-devkit/schematics

[caisanli]

创建一个模版仓库 初始化项目的时候用 git-clone 拉取这个模版仓库的代码

[connection]

一般是 模版 + 变量 => 生成项目

[zhuweiyou]

专门搞个仓库放模版,里面用模版语法, 然后加上你 cli 选的变量, 生成出来文件就行了.

[humbass]

最简单：事先放几个自己定义的模板类型，根据交互选择，后台 git 回来 copy 到指定位置不就行了
复杂点：copy 完毕后，用 fs 来修改

高兴的话，还可以调用 process_child 帮用户把 npm install 都执行了。

[Al0rid4l]

复制文件, 模板引擎填充变量...

[296727]

就是 cv