@fancy_fish/yu-cli的介绍
开发了一个自己的脚手架,为了让方便自己平时开发的体验。会在体验过程中不断优化升级该脚手架,该脚手架用esbuild构建,并使用ts开发。欢迎大家使用和给出意见。有同样感兴趣的可以一起交流。
脚手架地址:@fancy_fish/yu-cli脚手架地址
@fancy_fish/yu-cli脚手架提供了什么功能?
- 快速创建模板 vue vue-ts react react-ts
- 快速创建组件生成各种类型组件模板(目前只支持vue)
- 用过npx yu init 可以选择一些要创建的模板 推荐 vue-ts
- 可以通过npx yu create 快速创建一个小型后台管理系统模板(该模板实际上是我自己写的一个前端后台模板,只能用于学习使用)
- 通过npx yu auto可以创建自动加载全局组件和自定义指令的文件
- 通过npx yu comment 可以自动给所有ts.js文件增加多行注释
什么是前端脚手架?
就像工地脚手架一样,脚手架的本质是利于我们工作的。它搭起一个基本操作的平台让我们便利的在脚手架基础上进行其他开发。
如何开发?
有很多库都可以给我们带来便捷,这里只写几个重要的库的功能。
- commander终端命令行
- fs-extra基于node fsAPI的二次封装
- fast-glob快速找到文件返回文件地址
- prompts命令行用户交互信息
文档的介绍很详细了,大致介绍以下思路。
- 首先创建我们自己的脚本命令,并做一个软连接,通过npm link方式
- 引入库
- 编写模板
- 根据用户的交互信息及输入命令采取各种操作。