Vue?UI創(chuàng)建項(xiàng)目詳細(xì)步驟
1.首先要安裝最新的Vue CLI
在命令行工具里輸入一下命令
npm install -g @vue/cli
或者
yarn global add @vue/cli
安裝成功后，可用vue -V命令查看已安裝的Vue CLI版本
2.在命令行運(yùn)行 vue ui，就會(huì)出現(xiàn)圖形化管理
在界面上可以看到第一個(gè)tab項(xiàng)目，點(diǎn)擊創(chuàng)建這個(gè)tab ，可以來(lái)創(chuàng)建一個(gè)新的vue項(xiàng)目
3.點(diǎn)擊了創(chuàng)建之后可以看到一下內(nèi)容，可以項(xiàng)目創(chuàng)建一個(gè)目錄或者選擇一個(gè)目錄，然后選擇一種包管理工具：可以使npm，也可以是yarn等
4.點(diǎn)擊下一步后，出現(xiàn)預(yù)設(shè)插件和配置的界面，按照自己的需求選擇就可以，此處選擇了默認(rèn)的。
5.點(diǎn)擊創(chuàng)建項(xiàng)目后
已安裝的插件，也可以在右上角點(diǎn)擊添加插件安裝想要的插件。
添加插件頁(yè)面，也得要點(diǎn)擊右下角的安裝~
再返回到插件就會(huì)看到剛才安裝的插件了，如下所示：
6.最后我們來(lái)看下 通過(guò)vue ui生成的項(xiàng)目結(jié)構(gòu)
運(yùn)行一下項(xiàng)目，npm run serve
到此這篇關(guān)于Vue UI創(chuàng)建項(xiàng)目詳細(xì)步驟的文章就介紹到這了,更多相關(guān)Vue UI創(chuàng)建項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vuejs手把手教你寫(xiě)一個(gè)完整的購(gòu)物車實(shí)例代碼
這篇文章主要介紹了vuejs-手把手教你寫(xiě)一個(gè)完整的購(gòu)物車實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這兩天學(xué)習(xí)了Vue.js 感覺(jué)組件這個(gè)地方知識(shí)點(diǎn)挺多的，而且很重要，所以這篇文章主要給大家介紹了關(guān)于Vue中自定義全局組件的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
基于vue 實(shí)現(xiàn)表單中password輸入的顯示與隱藏功能
這篇文章主要介紹了vue 實(shí)現(xiàn)表單中password輸入的顯示與隱藏功能 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07
本篇文章主要介紹了vue事件修飾符和按鍵修飾符用法總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
vue項(xiàng)目部署到nginx/tomcat服務(wù)器的實(shí)現(xiàn)
這篇文章主要介紹了vue項(xiàng)目部署到nginx/tomcat服務(wù)器的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了Vue自定義詢問(wèn)彈框和輸入彈框,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue開(kāi)發(fā)Sort組件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2021-10-10
這篇文章主要介紹了vue獲取input值的三種常用寫(xiě)法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家介紹了樣式穿透vue中的scoped示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
組件是 vue.js 最強(qiáng)大的功能之一,而組件實(shí)例的作用域是相互獨(dú)立的,這就意味著不同組件之間的數(shù)據(jù)無(wú)法相互引用,針對(duì)不同的使用場(chǎng)景,如何選擇行之有效的通信方式？這是我們所要探討的主題,本文總結(jié)了 vue 組件間通信的幾種方式,需要的朋友可以參考下2025-03-03