利用 Nowa 分分鐘建立和維護 React 應用，拋棄命令行

前言吐槽

前端的技術發展辣麼快，對於前端新手來講，我還沒怎麼使用 jQuery 開發界面就要換成Angular & Vue & React & ... 更復雜的是，用戶還要學習一堆複雜的構建工具把頁面進行優化優化再優化。

然而不少前端開發者並不想把時間浪費在構建上，但願專一於頁面開發。那麼有沒有一套成熟的解決方案幫助用戶節省學習成本，快速開發應用呢？

答案固然是有的，若是你是個初學 Webpack 和 React 這一套生態體系的人，接下來我介紹的這個工具將很是適合你。

主角來臨

注意注意了，很是高效快捷的桌面可視化工具 Nowa 誕生了！

Nowa(Not Only for Web App, but also for anything) 是一個跨平臺的可視化 Web 開發工具，旨在幫助用戶部署環境，簡化項目的建立、構建、開發以及調試流程。

Nowa 是爲了解決如下痛點：

• 每次下載或新建項目都要安裝一坨開發用的依賴，而這些依賴絕大部分都是重複的，耗時又佔空間；

• 每一個項目的構建任務配置在本身項目中維護，不方便統一維護和管理；

• 構建配置對於不少新手用戶來講仍是太繁瑣，迫切須要一個一站式的解決方案；

• 項目模板的更新依賴於腳手架的發佈，頻繁更新用戶體驗不佳；

• 但願能夠在一個地方找到項目工程化經常使用命令及工具；

它內置了一整套 Webpack 構建體系，用戶無需安裝成套複雜的依賴，只需下載安裝便可使用。接下來會介紹如何使用 Nowa 快速開發 React 應用。

教程有大圖

建立項目

初始化安裝須要一些時間，菊花轉完以後會出現簡單的歡迎頁：

用戶能夠經過點擊導入按鈕活着拖拽項目導入已有的 Nowa 項目。可是由於是教程，因此咱們點Create New Project按鈕建立項目。

選擇模板

圖片上提供了三個官方模板，每個模板對應一種react開發場景，用戶能夠選擇適合本身的。
Salt & Antdmobile 模板適合開發 H5 應用, Uxcore 模板適合開發 Web 應用。官方模板不夠用的話，能夠添加自定義模板，若是你有優秀的模板拿來秀，請聯繫筆者把它變成官方模板。

咱們選擇 Salt 模板進行初次開發。點擊Create按鈕進入表單填寫的頁面，請選擇適合本身的 Npm 源，內陸用戶請選擇 taobao。

點擊提交按鈕以後，分分鐘就下載好依賴了, 飛通常的速度，你值得體驗！

啓動項目

依賴安裝結束以後，頁面自動切換到項目詳情頁。

若是點擊 Start 按鈕，工具就會自動構建項目，用戶都不須要寫複雜的 Webpack 配置，Nowa 幫你實現模塊實時熱替換。

若是點擊了Compile按鈕，工具會自動打包項目到dist文件夾。

從建立到啓動，不過一分鐘的事情，是否是超級方便快捷呢？

小特性

用戶能夠在右側命令集區添加自定義命令，全部的命令都一鍵運行，你都不須要打開終端了。若是以爲英文版看起來彆扭，能夠在工具設置裏面切換到中文版。

Nowa 還提供人性化的依賴管理的功能，用戶一眼望盡全部須要更新的依賴，一鍵更新全部安裝，簡直不要太爽了！

固然重點是 Nowa 跨平臺並且開源～
Windows
Mac
Linux

若是工具用的舒服，請到 Github上賞星星~