搭建自己的脚手架

65 阅读1分钟

脚手架的工作过程简单来讲可以分为两步 第一步:通过命令行交互询问用户问题 第二步:根据用户回答生成相应文件

1.创建文件目录

mkdir simple-cli

2.通过yarn init 或者 npm init 在simple-cli文件夹下初始化一个package.json 文件

5e2965925da6087691b002b140f3d7f.png

589a0100b62c2c4b047181be0428ca5.png

3.在package.json 文件中配置入口 "bin": "cli.js"

813112f73643f40e0e74076b54eb4a9.png

4.在cli.js 中编写程序

4.1 头部注释 #!/usr/bin/env node

102526593db44a55af6604646737ffb.png

4.2 引入 inquirer 用于 通过命令行询问用户问题

afc81bd6558fa0a68c02fccc627cc63.png

4.3 引入 ejs 用户创建模板

63a8f49a8bcb642d0c182d41397954b.png

4faad74692125ec71a8c704732b73cf.png

7a36896a9ac2ef91ba096a5394120f7.png

4.4 引入 fs path 等 读取模板文件并输出文件

4fe8ef8b7842cfea95f31d1e408901a.png

5 通过yarn link 将 simple-cli 命令关联到全局

a44bc235057802ae62faf9bd7448833.png

6 在任意目录下创建demo目录,执行 simple-cli 命令,得到根据模板生成文件

aa14c0226a226e3bff6056d39eeb4bd.png

7 整体目录结构 cli.js 代码 以及 package.json文件

9f115a912e6a09f51851a89d25c04de.png

a338f3cec8e9efadf10369409fe93f1.png

8e257614a371f5671df30f40a27e90a.png