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

Achilles 發布于2019-08-20 16:23 / 2169人閱讀

摘要：本系列文章，不斷更新中上手篇介紹上手篇創建項目上手篇工具使用指南上手篇巧用命令集這一篇文章主要是工具的使用指南。創建項目請參考上手篇創建項目導入項目請直接把項目文件夾拖入工具，或者點擊項目列表的文件夾圖標。

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

Nowa 上手篇（1）- 介紹

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

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

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

...

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

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

創建項目

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

導入項目

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

基礎操作

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

1、啟動項目

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

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

該功能只在 nowa 項目啟動之后才能生效。

3、編譯項目，

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

4、使用編輯器打開項目

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

5、喚起終端

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

6、打開項目文件夾

7、刪除項目

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

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

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

項目功能模塊

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

包含3個功能：

1、控制臺

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

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

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

2、項目設置

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

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

大家發現了沒有，潛意思是用戶可以導入非 nowa 項目。

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

3、依賴管理

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

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

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

工具設置

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

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

為什么會有英文版呢？雖然 nowa 目前使用人群沒有歪果仁，但是為了更好的提升逼格，所以硬塞入國際化功能。

同樣，在這里可以設置編輯器路徑，目前就支持仨兒，Sublime Text, VScode, WebStorm。

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

其他小功能

如果有啥想要比較實時的回復請提反饋

如果有星星點點的建議請一定要提issue

如果有任何不明白的，請看幫助文檔，當然，您也可以直接在此文下評論。

謝謝大家，指南就到這里了，歡迎大家前往官網下載工具一看究竟。

云服務器 GPU云服務器第3篇 Nowa 上手 python怎么上手

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82907.html

Nowa 上手篇（1）- 介紹

摘要：上手篇介紹上手篇創建項目上手篇工具使用指南上手篇巧用命令集的意思是，其實筆者第一次接觸到它的時候，還以為是諾娃的意思，可能是紀念開發者的媳婦兒，開個小玩笑。怎么用請看接下來的上手篇創建項目。這個專題主要是詳細介紹 Nowa 工具，為此碼字無數。 Nowa 上手篇（1）- 介紹 Nowa 上手篇（2）- 創建 React Web 項目 Nowa 上手篇（3）- 工具使用指南 Nowa...

Taonce 2019-08-20 16:16 評論0 收藏0
Nowa 上手篇（2）- 創建 React Web 項目

摘要：如果項目之前已經存在，會彈窗提示用戶是否覆蓋安裝。靜靜等待依賴安裝安裝結束之后，項目會自動導入到左側的項目列表中。再次點擊停止按鈕，會結束對項目的監聽。本系列文章，不斷更新中... Nowa 上手篇（1）- 介紹 Nowa 上手篇（2）- 創建 React Web 項目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... 在看完廢話超多的介紹篇后，歡...

oysun 2019-08-20 16:16 評論0 收藏0
利用 Nowa 分分鐘創建和維護 React 應用，拋棄命令行

摘要：接下來會介紹如何使用快速開發應用。但是因為是教程，所以我們點按鈕創建項目。從創建到啟動，不過一分鐘的事情，是不是超級方便快捷呢小特性用戶可以在右側命令集區添加自定義命令，所有的命令都一鍵運行，你都不需要打開終端了。前言吐槽前端的技術發展辣么快，對于前端新手來說，我還沒怎么使用 jQuery 開發界面就要換成Angular & Vue & React & ... 更復雜的是，用戶還要...

coolpail 2019-08-20 15:49 評論0 收藏0
Flutter是跨平臺開發終極之選嗎？Android開發該如何快速上手Flutter？

摘要：月日，谷歌正式發布了的。到底能不能成為跨平臺開發終極之選是基于前端誕生的，但是對前端開發來說，的環境配置很麻煩，需要原生的平臺知識，還要擔心遇上網絡問題。現在已經不是曾經的小眾框架，這兩年里它已經逐步成長為主流的跨平臺開發框架之一。 ...

luckyyulin 2021-09-07 09:59 評論0 收藏0
UXCore：一個兼容主流瀏覽器的 React PC 組件庫

摘要：為什么我們需要是一個基于的套件庫，兼容。全面的國際化支持所有組件的內置文案支持國際化，大部分文案用戶可以主動設置。持續的功能增強借助社區和團隊自身的力量，會在現有基礎上優化使用體驗，增強組件功能，添加更多常用組件來滿足不同場景的需求。 showImg(https://gw.alicdn.com/tps/TB1TVapKFXXXXbbXpXXXXXXXXXX-1000-500.png);...

Big_fat_cat 2019-08-19 18:38 評論0 收藏0