資訊專欄INFORMATION COLUMN
摘要：本系列文章，不斷更新中上手篇介紹上手篇?jiǎng)?chuàng)建項(xiàng)目上手篇工具使用指南上手篇巧用命令集這一篇文章主要是工具的使用指南。創(chuàng)建項(xiàng)目請參考上手篇?jiǎng)?chuàng)建項(xiàng)目導(dǎo)入項(xiàng)目請直接把項(xiàng)目文件夾拖入工具，或者點(diǎn)擊項(xiàng)目列表的文件夾圖標(biāo)。
本系列文章，不斷更新中...
Nowa 上手篇（1）- 介紹
Nowa 上手篇（2）- 創(chuàng)建 React Web 項(xiàng)目
Nowa 上手篇（3）- 工具使用指南
Nowa 上手篇（4）巧用命令集
...
這一篇文章主要是 Nowa 工具的使用指南。
這么美麗的臉蛋就這樣被我劃花了。
創(chuàng)建項(xiàng)目請參考 Nowa 上手篇（2）- 創(chuàng)建 React Web 項(xiàng)目
導(dǎo)入項(xiàng)目請直接把項(xiàng)目文件夾拖入工具，或者點(diǎn)擊項(xiàng)目列表的文件夾圖標(biāo)。
基礎(chǔ)操作基礎(chǔ)操作包含7個(gè)小功能：
1、 啟動(dòng)項(xiàng)目
即運(yùn)行 nowa server，nowa 項(xiàng)目會(huì)自動(dòng)執(zhí)行 webpack 任務(wù)。
2、 瀏覽器打開項(xiàng)目訪問地址
該功能只在 nowa 項(xiàng)目啟動(dòng)之后才能生效。
3、 編譯項(xiàng)目，
即運(yùn)行 nowa build，執(zhí)行打包任務(wù)。
4、 使用編輯器打開項(xiàng)目
默認(rèn) Sublime Text 打開項(xiàng)目。如果打開失敗請用戶前往設(shè)置頁面設(shè)置編輯器路徑。
5、 喚起終端
在項(xiàng)目路徑下打開系統(tǒng)終端，即 cmd & terminal。
6、 打開項(xiàng)目文件夾
7、 刪除項(xiàng)目
只在工具中移除項(xiàng)目，不會(huì)物理刪除項(xiàng)目。
奇怪，我怎么沒看到最后兩個(gè)功能的按鈕呢？｀基礎(chǔ)操作｀框起來的明明就是5個(gè)功能！不要著急，不要著急，最后兩個(gè)功能隱藏在項(xiàng)目列表每條項(xiàng)目的向下箭頭那，圖片里已經(jīng)圈出來了。
更多詳細(xì)解釋請前往 官方使用文檔－基礎(chǔ)操作。
項(xiàng)目功能模塊項(xiàng)目功能模塊主要針對項(xiàng)目的 package.json & nowa 配置文件進(jìn)行修改。
包含3個(gè)功能：
1、 控制臺(tái)
默認(rèn)界面就是控制臺(tái)界面。
命令集 對應(yīng) package.json 的 scripts 字段，用戶只需要點(diǎn)點(diǎn)按鈕就能直接運(yùn)行 npm 命令，不要每次在終端進(jìn)行輸入。點(diǎn)擊每條命令名稱，可以切換到該命令的控制臺(tái)輸出。
更多詳細(xì)配置可以看此篇文章《Nowa 上手篇（4）巧用命令集》。
2、項(xiàng)目設(shè)置
基本設(shè)置 主要針對 package.json 進(jìn)行配置，里面的字段相信大家很熟悉。
開發(fā)配置 和 編譯配置 只針對 nowa 項(xiàng)目才有的。
大家發(fā)現(xiàn)了沒有，潛意思是用戶可以導(dǎo)入非 nowa 項(xiàng)目。
更多詳細(xì)解釋請前往 官方使用文檔－項(xiàng)目設(shè)置。
3、依賴管理
這是鄙人繼 命令集 之后的第二個(gè)喜歡的功能。
看圖就很明顯，這里是用來管理 package.json 的依賴滴。用戶可以在此安裝、刪除、更新、查找依賴。如此方便的可視化依賴管理功能真是讓人欲罷不能。
更多詳細(xì)解釋請前往 官方使用文檔－依賴管理。
工具設(shè)置這個(gè)頁面主要對工具進(jìn)行全局設(shè)置，請注意，這里是工具，這里是工具，不是項(xiàng)目。
眼不瞎的讀者們已經(jīng)發(fā)現(xiàn)，前面的大圖里面文字語言已經(jīng)進(jìn)行更換了。國際化的功能就是在這里設(shè)置了。
為什么會(huì)有英文版呢？雖然 nowa 目前使用人群沒有歪果仁，但是為了更好的提升逼格，所以硬塞入國際化功能。
同樣，在這里可以設(shè)置編輯器路徑，目前就支持仨兒，Sublime Text, VScode, WebStorm。
更多詳細(xì)解釋請前往 官方使用文檔－工具設(shè)置。
其他小功能如果有啥想要比較實(shí)時(shí)的回復(fù)請?zhí)?b>反饋
如果有星星點(diǎn)點(diǎn)的建議請一定要提issue
如果有任何不明白的，請看幫助文檔，當(dāng)然，您也可以直接在此文下評論。
謝謝大家，指南就到這里了，歡迎大家前往官網(wǎng)下載工具一看究竟。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/82907.html
摘要：上手篇介紹上手篇?jiǎng)?chuàng)建項(xiàng)目上手篇工具使用指南上手篇巧用命令集的意思是，其實(shí)筆者第一次接觸到它的時(shí)候，還以為是諾娃的意思，可能是紀(jì)念開發(fā)者的媳婦兒，開個(gè)小玩笑。怎么用請看接下來的上手篇?jiǎng)?chuàng)建項(xiàng)目。 這個(gè)專題主要是詳細(xì)介紹 Nowa 工具，為此碼字無數(shù)。 Nowa 上手篇（1）- 介紹 Nowa 上手篇（2）- 創(chuàng)建 React Web 項(xiàng)目 Nowa 上手篇（3）- 工具使用指南 Nowa...
摘要：如果項(xiàng)目之前已經(jīng)存在，會(huì)彈窗提示用戶是否覆蓋安裝。靜靜等待依賴安裝安裝結(jié)束之后，項(xiàng)目會(huì)自動(dòng)導(dǎo)入到左側(cè)的項(xiàng)目列表中。再次點(diǎn)擊停止按鈕，會(huì)結(jié)束對項(xiàng)目的監(jiān)聽。 本系列文章，不斷更新中... Nowa 上手篇（1）- 介紹 Nowa 上手篇（2）- 創(chuàng)建 React Web 項(xiàng)目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... 在看完廢話超多的介紹篇后，歡...
摘要：接下來會(huì)介紹如何使用快速開發(fā)應(yīng)用。但是因?yàn)槭墙坛?，所以我們點(diǎn)按鈕創(chuàng)建項(xiàng)目。從創(chuàng)建到啟動(dòng)，不過一分鐘的事情，是不是超級方便快捷呢小特性用戶可以在右側(cè)命令集區(qū)添加自定義命令，所有的命令都一鍵運(yùn)行，你都不需要打開終端了。 前言吐槽 前端的技術(shù)發(fā)展辣么快，對于前端新手來說，我還沒怎么使用 jQuery 開發(fā)界面就要換成Angular & Vue & React & ... 更復(fù)雜的是，用戶還要...
摘要：月日，谷歌正式發(fā)布了的。到底能不能成為跨平臺(tái)開發(fā)終極之選是基于前端誕生的，但是對前端開發(fā)來說，的環(huán)境配置很麻煩，需要原生的平臺(tái)知識(shí)，還要擔(dān)心遇上網(wǎng)絡(luò)問題?，F(xiàn)在已經(jīng)不是曾經(jīng)的小眾框架，這兩年里它已經(jīng)逐步成長為主流的跨平臺(tái)開發(fā)框架之一。 ...
摘要：為什么我們需要是一個(gè)基于的套件庫，兼容。全面的國際化支持所有組件的內(nèi)置文案支持國際化，大部分文案用戶可以主動(dòng)設(shè)置。持續(xù)的功能增強(qiáng)借助社區(qū)和團(tuán)隊(duì)自身的力量，會(huì)在現(xiàn)有基礎(chǔ)上優(yōu)化使用體驗(yàn)，增強(qiáng)組件功能，添加更多常用組件來滿足不同場景的需求。 showImg(https://gw.alicdn.com/tps/TB1TVapKFXXXXbbXpXXXXXXXXXX-1000-500.png);...
閱讀 1240·2021-11-23 10:10
閱讀 1643·2021-09-30 09:47
閱讀 981·2021-09-27 14:02
閱讀 3042·2019-08-30 15:45
閱讀 3083·2019-08-30 14:11
閱讀 3679·2019-08-29 14:05
閱讀 1879·2019-08-29 13:51
閱讀 2265·2019-08-29 11:33
