实践:开发自己的前端脚手架工具
2020-05-25 本文已影响0人
木头就是我呀
🤖 一直以来,我常用一些前端脚手架工具(vue-cli、create-react-app)生成一些前端项目,在不知不觉中就对脚手架是如何工作的产生了兴趣,趁着每天下班后的时间,自己根据网上的教程并综合自己的一些理解和步骤优化,做出来了这一款脚手架管理工具。话不多说,看看怎么用吧~
-
0. npm仓库地址
-
1. 怎么安装嘞?
$ yarn global add yxc-mt-template
或者
$ npm i yxc-mt-template -g
-
2.查看版本
$ mt-temp -V

-
3.查看所有可以用的命令
$ mt-temp help

-
4 - 1.创建一个新的模板
$ mt-temp add
创建一个模板,存在本地,会存储以下信息:
模板名称: {
git地址,
分支地址
}

-
4 - 2.列出所有模板
$ mt-temp list
列出本地所有模板。

-
4 - 3.删除指定模板
$ mt-temp delete
将本地存储的模板信息,进行按需删除。

-
4 - 4.按照模板,初始化项目
$ mt-temp init
会选择之前添加的模板,使用之前存储的信息,进行初始化项目。

这就是简单的使用教程,其实很简单,简单得不能再简单了。
类似于一个todoList,当然,如果愿意的话,很希望你也用一下看看。
不过这也算是自己对脚手架的概念有了深一层的认识了吧,其次就是对Node
操作cmd
,对用户的输入如何处理进行了实践,收获还是蛮大的😝
等有时间把开发的流程也记录一下。