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