实践:开发自己的前端脚手架工具

一直以来,我常用一些前端脚手架工具(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,对用户的输入如何处理进行了实践,收获还是蛮大的
等有时间把开发的流程也记录一下。

你可能感兴趣的:(实践:开发自己的前端脚手架工具)