摘要:如果項(xiàng)目之前已經(jīng)存在,會(huì)彈窗提示用戶是否覆蓋安裝。靜靜等待依賴安裝安裝結(jié)束之后,項(xiàng)目會(huì)自動(dòng)導(dǎo)入到左側(cè)的項(xiàng)目列表中。再次點(diǎn)擊停止按鈕,會(huì)結(jié)束對(duì)項(xiàng)目的監(jiān)聽。
本系列文章,不斷更新中...
Nowa 上手篇(1)- 介紹
Nowa 上手篇(2)- 創(chuàng)建 React Web 項(xiàng)目
Nowa 上手篇(3)- 工具使用指南
Nowa 上手篇(4)巧用命令集
...
在看完廢話超多的介紹篇后,歡迎各位看官來到實(shí)戰(zhàn)篇,當(dāng)然沒看介紹也完全 OK 啦。
這篇文章主要介紹如何使用 Nowa 可視化工具快速創(chuàng)建 web 項(xiàng)目。好了,廢話不多說,卷起袖子,開戰(zhàn)~
1、進(jìn)入新建頁面 2、選擇合適的模板官方模板一共有4種,看官可以選擇與自己實(shí)際業(yè)務(wù)相符合的模板。為了教程需要,筆者選擇了 nowa-template-uxcore 模板進(jìn)行演示。
官方模板旁邊對(duì)應(yīng)有 Version 字樣,指的是模板里面使用的 UI 組件庫的大版本。
如果官方模板太少,用戶可以添加自定義的模板,以后會(huì)有專門的文章講自定義模板。
讓我們輕輕地點(diǎn)擊 create 按鈕進(jìn)入下一步。
3、填寫表單信息每個(gè)模板都會(huì)含有一些的必要信息,比如 Path & Npm Registry,Others 是該模板的其他配置項(xiàng),比如 uxcore 模板支持單頁和多頁應(yīng)用與國際化選項(xiàng)。
如果用戶的項(xiàng)目未來會(huì)包含私有源的私有模塊的話,源地址最好填寫私有源地址。
如果項(xiàng)目之前已經(jīng)存在,會(huì)彈窗提示用戶是否覆蓋安裝。
確認(rèn)之后點(diǎn)擊提交。
4、靜靜等待依賴安裝安裝結(jié)束之后,項(xiàng)目會(huì)自動(dòng)導(dǎo)入到左側(cè)的項(xiàng)目列表中。
接下來請(qǐng)看視頻演示
完美!一個(gè)項(xiàng)目就這么快就創(chuàng)建成功了,不到一分鐘的時(shí)間。
5、運(yùn)行項(xiàng)目點(diǎn)擊第一個(gè)大圖標(biāo) "啟動(dòng)" 按鈕后,按鈕字樣會(huì)變更為停止。這時(shí)候項(xiàng)目已經(jīng)啟動(dòng)了,控制臺(tái)的 "監(jiān)聽日志" 里面會(huì)看到對(duì)應(yīng)的輸出。
再次點(diǎn)擊 "停止" 按鈕,會(huì)結(jié)束對(duì)項(xiàng)目的監(jiān)聽。
用戶不需要手動(dòng)點(diǎn)開瀏覽器輸入一大串的地址,工具會(huì)幫你做。用戶只要點(diǎn)擊 "訪問" 按鈕,工具會(huì)自動(dòng)打開瀏覽器,并且鏈接到起始地址。
一個(gè)簡單的網(wǎng)頁就出來了。
歡迎各位看官下載體驗(yàn)。
如果覺得不錯(cuò),請(qǐng)到 github 上面點(diǎn)星星。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/82827.html
摘要:上手篇介紹上手篇?jiǎng)?chuàng)建項(xiàng)目上手篇工具使用指南上手篇巧用命令集的意思是,其實(shí)筆者第一次接觸到它的時(shí)候,還以為是諾娃的意思,可能是紀(jì)念開發(fā)者的媳婦兒,開個(gè)小玩笑。怎么用請(qǐng)看接下來的上手篇?jiǎng)?chuàng)建項(xiàng)目。 這個(gè)專題主要是詳細(xì)介紹 Nowa 工具,為此碼字無數(shù)。 Nowa 上手篇(1)- 介紹 Nowa 上手篇(2)- 創(chuàng)建 React Web 項(xiàng)目 Nowa 上手篇(3)- 工具使用指南 Nowa...
摘要:本系列文章,不斷更新中上手篇介紹上手篇?jiǎng)?chuàng)建項(xiàng)目上手篇工具使用指南上手篇巧用命令集這一篇文章主要是工具的使用指南。創(chuàng)建項(xiàng)目請(qǐng)參考上手篇?jiǎng)?chuàng)建項(xiàng)目導(dǎo)入項(xiàng)目請(qǐng)直接把項(xiàng)目文件夾拖入工具,或者點(diǎn)擊項(xiàng)目列表的文件夾圖標(biāo)。 本系列文章,不斷更新中... Nowa 上手篇(1)- 介紹 Nowa 上手篇(2)- 創(chuàng)建 React Web 項(xiàng)目 Nowa 上手篇(3)- 工具使用指南 Nowa 上手篇(...
摘要:接下來會(huì)介紹如何使用快速開發(fā)應(yīng)用。但是因?yàn)槭墙坛蹋晕覀凕c(diǎn)按鈕創(chuàng)建項(xiàng)目。從創(chuàng)建到啟動(dòng),不過一分鐘的事情,是不是超級(jí)方便快捷呢小特性用戶可以在右側(cè)命令集區(qū)添加自定義命令,所有的命令都一鍵運(yùn)行,你都不需要打開終端了。 前言吐槽 前端的技術(shù)發(fā)展辣么快,對(duì)于前端新手來說,我還沒怎么使用 jQuery 開發(fā)界面就要換成Angular & Vue & React & ... 更復(fù)雜的是,用戶還要...
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
閱讀 737·2023-04-25 19:28
閱讀 1397·2021-09-10 10:51
閱讀 2393·2019-08-30 15:55
閱讀 3416·2019-08-26 13:55
閱讀 3005·2019-08-26 13:24
閱讀 3332·2019-08-26 11:46
閱讀 2760·2019-08-23 17:10
閱讀 1422·2019-08-23 16:57