开发一个自己的前端脚手架

@fancy_fish/yu-cli的介绍

开发了一个自己的脚手架,为了让方便自己平时开发的体验。会在体验过程中不断优化升级该脚手架,该脚手架用esbuild构建,并使用ts开发。欢迎大家使用和给出意见。有同样感兴趣的可以一起交流。
脚手架地址:@fancy_fish/yu-cli脚手架地址

@fancy_fish/yu-cli脚手架提供了什么功能?

  1. 快速创建模板 vue vue-ts react react-ts
  2. 快速创建组件生成各种类型组件模板(目前只支持vue)
  3. 用过npx yu init 可以选择一些要创建的模板 推荐 vue-ts
  4. 可以通过npx yu create 快速创建一个小型后台管理系统模板(该模板实际上是我自己写的一个前端后台模板,只能用于学习使用)
  5. 通过npx yu auto可以创建自动加载全局组件和自定义指令的文件
  6. 通过npx yu comment 可以自动给所有ts.js文件增加多行注释

什么是前端脚手架?

就像工地脚手架一样,脚手架的本质是利于我们工作的。它搭起一个基本操作的平台让我们便利的在脚手架基础上进行其他开发。

如何开发?

有很多库都可以给我们带来便捷,这里只写几个重要的库的功能。

  1. commander终端命令行
  2. fs-extra基于node fsAPI的二次封装
  3. fast-glob快速找到文件返回文件地址
  4. prompts命令行用户交互信息

文档的介绍很详细了,大致介绍以下思路。

  1. 首先创建我们自己的脚本命令,并做一个软连接,通过npm link方式
  2. 引入库
  3. 编写模板
  4. 根据用户的交互信息及输入命令采取各种操作。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大鲤余

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值