山东标梵讲解分享js搭建自己的脚手架工具

本文介绍了如何使用 JavaScript 搭建个人的脚手架工具,包括发布 npm 包、配置指令、使用 commander 包处理指令参数以及拉取代码仓库到本地。通过这个教程,读者可以学会创建支持自定义指令的脚手架,提高前端开发效率。
摘要由CSDN通过智能技术生成

前言

相关技术栈和依赖

  • javascript

  • 发布 npm 包。

  • commander 包的使用

  • download-git-repo 包的使用

分析

脚手架 vue-cli 相信大家都使用过,很便捷。

# 全局安装 vue cli 包
npm install -g @vue/cli-service-global

# 使用vue cli 内置指令创建一个工程
vue create hello-world

# 运行项目
cd hello-world
npm i
npm run dev

几个指令就搭建好一个前端工程。

这边文章目的是教会大家如何发布个人的脚手架。

主要步骤如下:

  • 部署自己的 npm 包

  • 全局安装自己所部署的包后,要支持使用我们自定义的指令

  • 配置好一个前端工程,并推送到git代码库

  • 根据指令触发,拉取代码仓库到本地

发布 npm 包,支持使用指令

没有发布 npm 包经验的同学看这里:

https://github.com/wenfujie/document-library/blob/master/articles/%E5%B7%A5%E5%85%B7/npm%E8%AF%A6%E7%BB%86%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E.md#%E5%8F%91%E5%B8%83-npm-%E5%8C%85

 

发布的包如何

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值