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

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

• Nowa 上手篇（1）- 介紹

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

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

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

• ...

這一篇文章主要是 Nowa 工具的使用指南。

這麼美麗的臉蛋就這樣被我劃花了。

建立項目

請參考 Nowa 上手篇（2）- 建立 React Web 項目

導入項目

請直接把項目文件夾拖入工具，或者點擊項目列表的文件夾圖標。

基礎操做

基礎操做包含7個小功能：

一、 啓動項目

即運行 nowa server，nowa 項目會自動執行 webpack 任務。

二、 瀏覽器打開項目訪問地址

該功能只在 nowa 項目啓動以後才能生效。

三、 編譯項目，

即運行 nowa build，執行打包任務。

四、 使用編輯器打開項目

默認 Sublime Text 打開項目。若是打開失敗請用戶前往設置頁面設置編輯器路徑。

五、 喚起終端

在項目路徑下打開系統終端，即 cmd & terminal。

六、 打開項目文件夾

七、 刪除項目

只在工具中移除項目，不會物理刪除項目。

奇怪，我怎麼沒看到最後兩個功能的按鈕呢？｀基礎操做｀框起來的明明就是5個功能！不要着急，不要着急，最後兩個功能隱藏在項目列表每條項目的向下箭頭那，圖片裏已經圈出來了。

更多詳細解釋請前往 官方使用文檔－基礎操做。

項目功能模塊

項目功能模塊主要針對項目的 package.json & nowa 配置文件進行修改。

包含3個功能：

一、 控制檯

默認界面就是控制檯界面。

命令集 對應 package.json 的 scripts 字段，用戶只須要點點按鈕就能直接運行 npm 命令，不要每次在終端進行輸入。點擊每條命令名稱，能夠切換到該命令的控制檯輸出。

更多詳細配置能夠看此篇文章《Nowa 上手篇（4）巧用命令集》。

二、項目設置

基本設置 主要針對 package.json 進行配置，裏面的字段相信你們很熟悉。

開發配置 和 編譯配置 只針對 nowa 項目纔有的。

你們發現了沒有，潛意思是用戶能夠導入非 nowa 項目。

更多詳細解釋請前往 官方使用文檔－項目設置。

三、依賴管理

這是鄙人繼 命令集 以後的第二個喜歡的功能。

看圖就很明顯，這裏是用來管理 package.json 的依賴滴。用戶能夠在此安裝、刪除、更新、查找依賴。如此方便的可視化依賴管理功能真是讓人慾罷不能。

更多詳細解釋請前往 官方使用文檔－依賴管理。

工具設置

這個頁面主要對工具進行全局設置，請注意，這裏是工具，這裏是工具，不是項目。

眼不瞎的讀者們已經發現，前面的大圖裏面文字語言已經進行更換了。國際化的功能就是在這裏設置了。

爲何會有英文版呢？雖然 nowa 目前使用人羣沒有歪果仁，可是爲了更好的提高逼格，因此硬塞入國際化功能。

一樣，在這裏能夠設置編輯器路徑，目前就支持仨兒，Sublime Text, VScode, WebStorm。

更多詳細解釋請前往 官方使用文檔－工具設置。

其餘小功能

• 若是有啥想要比較實時的回覆請提反饋

• 若是有星星點點的建議請必定要提issue

• 若是有任何不明白的，請看幫助文檔，固然，您也能夠直接在此文下評論。

謝謝你們，指南就到這裏了，歡迎你們前往官網下載工具一看究竟。