Nowa 上手篇（4）巧用命令集

本系列文章，不斷更新中...

• Nowa 上手篇（1）- 介紹

• Nowa 上手篇（2）- 建立 React Web 項目

• Nowa 上手篇（3）- 工具使用指南

• 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 版本里面纔有哦～ 趕忙去官網下載新版更新吧!