欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue?ui的安裝步驟以及使用詳解

 更新時間:2022年08月12日 11:15:27   作者:DangR-Jisoo  
最近公司開發(fā)一個項目,采用的前后端分離的方式,前端采用vue,但是再項目開發(fā)過程中遇到一個比較麻煩的問題,下面這篇文章主要給大家介紹了關(guān)于vue?ui的安裝步驟以及使用的相關(guān)資料,需要的朋友可以參考下

vue ui是什么?

簡單來說,vue ui是一個可視化圖形界面,方便你去創(chuàng)建、更新和管理vue項目,包括下載router,vuex,axios,elementui等插件,配置好一些屬性以及依賴關(guān)系,方便我們使用,我個人第一次接觸它就感覺非常非常非常智能和強大

配置步驟

1.安裝Vue CLI,因為vue ui是在Vue CLI基礎(chǔ)上封裝的

npm install -g @vue/cli

2.打開C:\Users*xxxx*\AppData\Roaming\npm,看看有沒有下圖框出的文件

3.將C:\Users*xxxx*\AppData\Roaming\npm添加到環(huán)境變量中

4.雙擊vue.cmd,以管理員身份打開終端,輸入vue -V,若出現(xiàn)版本信息,說明安裝成功

5.為了快捷起見,比如你想在桌面創(chuàng)建一個vue項目,提前在桌面建好文件夾,復(fù)制路徑,在終端上切換到你復(fù)制的路徑下,這樣會比較快

6.輸入命令vue ui,此時瀏覽器會跳轉(zhuǎn)localhost:8080,然后你就可以新建你的項目了,如下圖所示

選擇預(yù)設(shè),根據(jù)你的項目需要的插件來選擇,這里選擇手動,如下圖所示

根據(jù)咱們的業(yè)務(wù)需求來選擇配置,比如Router,Vuex,CSS預(yù)處理器是我們經(jīng)常用到的東西,我們就可以選擇它們,如下圖所示

在上圖你可以保存為你的預(yù)設(shè),也可以不保存,直接創(chuàng)建項目,完成之后如下圖所示

然后你用編譯器打開項目就可以發(fā)現(xiàn),之前選擇的router,vuex以及l(fā)ess全部幫我們裝好了,就可以直接使用了,是不是很方便?下載新的插件

我們的項目中難免會用到elementui以及axios,我們直接安裝就可以使用了

注意:只要使用到了vue ui,我們在終端打開的vue ui就不能關(guān)掉了,也就是說不能關(guān)閉終端,而且要以管理員身份運行

總結(jié)

到此這篇關(guān)于vue ui安裝步驟及使用的文章就介紹到這了,更多相關(guān)vue ui安裝使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue-CLI與Vuex使用方法實例分析

    Vue-CLI與Vuex使用方法實例分析

    這篇文章主要介紹了Vue-CLI與Vuex使用方法,結(jié)合實例形式分析了Vue-CLI創(chuàng)建項目與Vuex相關(guān)概念、使用方法及操作注意事項,需要的朋友可以參考下
    2020-01-01
  • 使用Vue實現(xiàn)圖片上傳的三種方式

    使用Vue實現(xiàn)圖片上傳的三種方式

    在項目中經(jīng)常會遇到圖片上傳功能,今天腳本之家小編給大家?guī)砹耸褂肰ue實現(xiàn)圖片上傳的三種方式,感興趣的朋友一起看看吧
    2018-07-07
  • 詳解vue?route介紹、基本使用、嵌套路由

    詳解vue?route介紹、基本使用、嵌套路由

    vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,適合用于構(gòu)建單頁面應(yīng)用,這篇文章主要介紹了vue?route介紹、基本使用、嵌套路由,需要的朋友可以參考下
    2022-08-08
  • Vue中Video標(biāo)簽播放解析后短視頻去水印無響應(yīng)解決

    Vue中Video標(biāo)簽播放解析后短視頻去水印無響應(yīng)解決

    這篇文章主要為大家介紹了Vue中使用Video標(biāo)簽播放?<解析后的短視頻>去水印視頻無響應(yīng)的解決方式,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-04-04
  • Vue cli+mui 區(qū)域滾動的實例代碼

    Vue cli+mui 區(qū)域滾動的實例代碼

    下面小編就為大家分享一篇Vue cli+mui 區(qū)域滾動的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • 實現(xiàn)shallowReadonly和isProxy功能示例詳解

    實現(xiàn)shallowReadonly和isProxy功能示例詳解

    這篇文章主要為大家介紹了實現(xiàn)shallowReadonly和isProxy功能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • vue引入外部的js文件的10種方法總結(jié)

    vue引入外部的js文件的10種方法總結(jié)

    這篇文章主要為大家詳細(xì)介紹了vue項目中引入外部的js文件的10種方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,需要的小伙伴可以參考下
    2023-08-08
  • vue項目嵌套iframe實現(xiàn)發(fā)送、接收數(shù)據(jù)

    vue項目嵌套iframe實現(xiàn)發(fā)送、接收數(shù)據(jù)

    這篇文章主要介紹了vue項目嵌套iframe實現(xiàn)發(fā)送、接收數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • 詳解VueJs異步動態(tài)加載塊

    詳解VueJs異步動態(tài)加載塊

    本篇文章主要介紹了VueJs異步動態(tài)加載塊,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-03-03
  • Vue-input框checkbox強制刷新問題

    Vue-input框checkbox強制刷新問題

    這篇文章主要介紹了Vue-input框checkbox強制刷新問題,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-04-04

最新評論