Nowa 上手篇(4)巧用命令集

前端之家收集整理的这篇文章主要介绍了Nowa 上手篇(4)巧用命令集前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本系列文章,不断更新中...

这篇文章着重介绍 Nowa 的命令集功能。命令集的功能是可视化版本才有的特色功能,毕竟在命令行里,只需要 npm run xxx 就行了。

命令集里面的所有命令来源于导入项目里 package.json 文件中的 scripts 字段。当然 start & build 命令已经挪到头部的基本操作栏了。

那么,Nowa 里面的命令集有什么特殊的地方呢?

特点1: 可视化的命令操作

也许笔者坐井观天,目前没有见过其他工具把 package.json 可视化得如此彻底。

用户只需要点击每条命令后面的启动按钮就能运行该条命令,不需要输入 npm run

当命令启动后,图标会变成 暂停 态,当命令自动结束后,会重新变成 启动 态。如果命令需要手动退出才能停止,那么用户直接点击暂停按钮就能结束命令运行了,而不是 (CTRL + C) * 2。

点击删除按钮同时会把这条命令从 pacage.json 中移除,所以 confirm 的时候要小心。

如果需要增加一条命令,用户可以点击添加按钮添加新命令。当然, Nowa 会同时把命令写入到 package.json 文件里。

特点2: 输出窗口切换

在命令行模式下,可以开启多个终端 tab 启动不同的命令达到命令输出分流的目的,但是在 windows 里面就麻烦了,因为 cmd 没有多 tab 的支持

所以 Nowa 人性化的提供了这个特性,用户点击命令集的命令名字,输出区域会直接显示该条命令的输出,不会和其他命令输出重叠。

而且输出区域一旦有内容,就会出现清理按钮,用户可以删除这些输出

如果用户觉得输出区域太小,可以点击放大按钮隐藏命令集块达到放大输出区域的目的。当然,全屏工具也是可以的。

特点3: 全局命令设置

点击命令集旁边的设置按钮可以进入全局命令设置页面

在这里配置的命令一旦开启 应用,那么当前导入的项目中都会含有这条命令。而且之后导入的项目也会包含这条全局命令。

如果关闭 应用,那么当前导入的项目中会删除这条命令。

如果用户的命令集中已经包含同名的命令了,那么全局的命令不会覆盖项目已有的命令,以此保证项目中的命令优先级最高。

那么这个全局命令设置有什么用呢?

其实这个对笔者自己用处不大,但是可以配置一些通用的命令,比如 commit 啥的,不用重复写了。

这个全局命令设置的功能在 1.7.3 版本里面才有哦~ 赶紧去官网下载新版更新吧!

原文链接:https://www.f2er.com/react/303839.html

猜你在找的React相关文章