vue安裝


vue安裝全教程

1.node.js安裝

安裝方法(點擊即可)

node.js官方文件(下載長期支持版)

2.安裝vue(按着步驟安裝即可)

2.1 查看node.js安裝是否成功(如果顯示版本號,即安裝成功)

  node -v 命令,查看node的版本

  npm -v 命令,顯示npm的版本信息

2.2 安裝cnpm(國內鏡像----淘寶鏡像)

  在命令行中輸入  npm install -g cnpm --registry=http://registry.npm.taobao.org

2.3 安裝vue-cli 腳手架構建工具(必須在全局中進行安裝,全局我也不知道是啥,直接在命令行輸入就是了)

     1.在命令行中運行命令 npm install -g @vue-cli  (一定要有@,沒有@是安裝vue的低版本2.9...,現在創建vue項目的話,只支持3.0以上的版本)

  2.是否安裝成功:vue -V

  3.如果裝成了 2.9.....版本,不要慌,卸載重新裝一次就可以了

    卸載命令:npm uninstall -g vue-cli

    然后重新輸入命令 :npm install -g @vue-cli

3.創建vue項目

 自己找一個路徑,當作是項目保存的地方,然后在那個路徑進入cmd

 

 

 

進入cmd之后,可以先查看vue的版本(命令行輸入:vue -V),看vue是否可以使用)

然后在命令行輸入vue create 文件名(最后這個是vue的文件名,可以看看命名規則

   例如:vue create hellovue(第一次創建就不要有大寫的字母,全用小寫字母。具體看命名規則)

輸入之后會出現這個畫面(選擇最后一個Manually select features,自己配置項目)

 

 

 選擇之后會出現下面的選項,大家可以選擇自己所需要的(空格選擇,選圖片里的這5個就可以了)

 

回車之后出現選項,選2.x  (3.x是新出的,還存在bug,不要選)

 

 

 之后除了兩個no的,其他直接回車

 

 

 然后進入創建,慢慢等就可以了,創建完成之后會出現藍色提示,直接在命令行依次輸出即可

  cd 文件名(直接輸入它提示的藍色命令就可以了)

  npm run serve(這個是運行的)

運行完成之后會出現一個地址,把地址復制粘貼到瀏覽即可

vue項目創建完成啦,8888888888888!!

 


免責聲明!

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



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