《Vue項目的創建以及初始化(兩種方法)》


  Vue項目創建初始化兩種方法,一是命令創建,二是在它的ui圖形界面去創建(我一般用ui,主要懶得打那么多命令)~   創建的時候一定要確保node是否安裝,npm一般都會自帶的,檢查它們版本的命令就是:node -V 以及 npm -V ,如果要更新npm的版本就可以輸入npm install -g npm

  先說命令創建初始化:

    首先安裝vue-cli    命令:npm install vue-cli -g //全局安裝腳手架

    新建vue項目:vue init webpack "你的項目名稱"

    安裝依賴:npm install

    運行項目:npm run dev(這個是2.0版本的)    || npm run serve(4.0版本的)    //至於這個,你可以在packgjson.js里的scripts里找到

  //一定要注意,運行的時候路徑是否是你的項目路徑,切換路徑是cd "你的項目名",打開項目后如果要打開終端,可以用ctrl+shift+~就可以了

 

  現在來說一下ui圖形界面創建項目:

    首先新建一個文件夾,把文件夾用編輯器打開,然后打開終端,輸入  vue ui 就可以了,進入后,點擊Vue項目管理器下面的創建(如果有文件,可以直接選擇導入)

    

 

 

  //這個就是我們進來后的界面

    如果我們要安裝axios或者是其他的一些ui組件庫,可以點擊依賴,然后在安裝依賴這里點擊,輸入你要的插件名,找到后,點擊兩下就可以自己下載了~

    

 

 

  //下載完后

    如果要運行項目,點擊任務,再點擊旁邊的serve,再點擊運行,運行成功后,點擊啟動app就可以了~

  

 

 

    主要就是這些,有什么不懂的可以多去看看官網:https://cn.vuejs.org/ 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM