美文网首页前端
实践:开发自己的前端脚手架工具

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

作者: 木头就是我呀 | 来源:发表于2020-05-25 19:35 被阅读0次

    🤖 一直以来,我常用一些前端脚手架工具(vue-cli、create-react-app)生成一些前端项目,在不知不觉中就对脚手架是如何工作的产生了兴趣,趁着每天下班后的时间,自己根据网上的教程并综合自己的一些理解和步骤优化,做出来了这一款脚手架管理工具。话不多说,看看怎么用吧~

    $ 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,对用户的输入如何处理进行了实践,收获还是蛮大的😝
    等有时间把开发的流程也记录一下。

    相关文章

      网友评论

        本文标题:实践:开发自己的前端脚手架工具

        本文链接:https://www.haomeiwen.com/subject/snruahtx.html