🤺如果我从脚手架掏出这些功能,阁下该如何应对?

850 阅读3分钟

前言

由于最近公司的小项目比较多,又刚好落到我头上,所以只能临时抱佛脚疯狂create vite创建新项目,但是佛脚抱多了佛祖也嫌恶心(我瞎说的佛祖别怪我 🐶),就萌生了自己撸一个脚手架的想法。偏偏我又是一个天马行空(屁事多)的人,于是在我边写边创作的过程中,写出来的"脚手架"也在逐渐偏离它原本的职责...

功能展示

新建

Create Project

当然,在开头这个脚手架的方向还是非常正常的,由于公司的项目统一都使用Vite,因此我也将Vite作为我脚手架模板的框架,同时加上了uniapp版本

下面是create project功能的具体逻辑 👇 Create-Project.excalidraw

其中johnson-hooksjohnson-utilsjohnson-styles是我平时写自己项目或者是工作中常用的一些方法和 hooks,也作为选装项放入创建项目功能中

由于这个功能比较常见,在此就不做演示了

Create Module

这个命令会帮助你在当前目录下创建一个文件夹或文件,目前文件的可选类型有VueTS,如果选择Vue文件则会帮你初始化一份Vue3 setup TypeScript版本的.Vue 文件

服务

Server Open

这个命令是我在日常工作中使用的最多的,它可以帮助你将package.json文件中scripts的命令全部列出来,然后选择需要启动的服务即可,简直就是我这种懒癌患者的福音! server-open

Server Start

如果你需要在本地起一个临时的 node 服务器来做后端时,这个命令会帮到你。只需要输入一个可用端口,脚手架会帮你在当前目录下新建一个JS文件,为你初始化好 node 服务的最基本配置并在输入的端口上启动该服务 server-create

Server Port

忘记Windows怎么查看端口占用了?无所谓,fly会出手!只需要输入fly server port即可查看本机被占用的端口 server-port

Server Kill

如果你想直接关闭某个端口的进程,使用fly server kill <port>就可以帮你完成 server-kill

删除

Delete <fileName>

使用fly delete <fileName>并确认后即可删除当前目录下的某一文件(请谨慎使用!)

翻译

Translate

是的你没有看错,fly脚手架甚至还有翻译功能,输入fly translate即可进入选择目标语言界面,确认后即可进入连续对话的翻译页面
当输入框为空时输入回车,即可重置目标语言
同时,fly的翻译基于语言判断实现,意味着你可以输入任何类型的语言并将其转换成你想要的语言 translate

计时

Countdown

如果你需要有一个倒计时软件来帮助你管理时间,fly也能做到,只需要输入fly countdown,并输入倒计时名称以及倒计时时间(支持输入秒和HHHH:MM:SS为格式的时间),即可开启倒计时,当倒计时结束,fly会在桌面给你发送通知 countdown

待完成功能

  • NBA 赛事查询(当天)
  • NBA 赛事查询(比赛详情)
  • 压缩文件 ...

后记

感谢你看到这里,fly脚手架目前只是我开发的一个小玩具,但希望有一天它可以真的成长为一个成熟的脚手架。如果你有任何有趣的功能推荐,或者说对fly脚手架的功能有任何建议的话,欢迎到评论区留言,感激不尽

对了,如果你想下载fly脚手架,使用npm i -g johnson-cli下载即可

我的博客👉 传送门