如何快速搭建一個vue項目(詳細)


第一步:安裝node.js

  1、下載地址為:https://nodejs.org/en/

  2、安裝node.js

  3、安裝完之后查看版本號:node -v

  

  至此,node.js安裝完畢。

 

第二步:安裝vue-cli

  1、vue-cli官網:https://cli.vuejs.org/zh/guide/installation.html

  2、安裝vue-cli,可以使用下列任一命令安裝這個新的包:

  

  3、查看vue-cli是否安裝成功:vue -version

  

   到此vue-cli安裝完成。

第三步:創建一個項目

  1、輸入命令:vue create xx(項目名可以自取,但是開頭不能大寫) ,回車

  選擇第一個app,再回車,等待一會兒

  

  2、安裝之后,項目會出現這些文件

  

   3、運行項目:npm run serve ,注意:在運行項目前要先進入到你創建的文件夾下,

  我這里的創建的名字是app

  

  輸入npm run serve 之后,等待一會兒,出現下圖所示內容即創建成功。

  

   最后一步:運行項目

  1、在瀏覽器輸入:http://localhost:8080/,出現下圖說明項目運行成功

  

 

   2、到此,恭喜你一個完成vue項目創建完成。

 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 


免責聲明!

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



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