【1113 | Day60】手把手帶你創建vue項目(超詳細)


第一步:安裝node

當你想繼續用pip的時候,這個時候已經不行了。

因為此時pip安裝的vue版本過低,不信你看!

所以 pip uninstall vue麻溜兒地卸載!

這個時候你去vue官網查看...

有一個npm,這個就相當於pip,在node環境下安裝,node是用來編譯執行js文件。

所以,第一步安裝Node!!!

  • Node官網
  • 下載
  • 選擇對應版本即可
  • 注意:在安裝時路徑推薦D:\nodejs\

第二步:安裝cnpm

采用淘寶鏡像源安裝

注意:以后所有的npm命令都可以換成cnpm!!!

第三步:安裝腳手架

方式一:npm

方式二:cnpm

注意:如果使用

npm,則是從國外下載;如果采用cnpm則是從淘寶的網站下載,會相對快一點。

總共任務數36,成功之后在cmd輸入vue運行,此時環境以及配置好了。

第四步:搭建項目

方式一: vue create 項目名

在cmd中輸入命令:

vue create 項目名

然后問你:項目是否采用淘寶源來加載,只會問一次,以后不再詢問

然后選擇Y!!!

注意:這里的y/n有時候y大寫,有時候n大寫,不用在意。

方式二: vue ui

會跳轉出一個界面,然后進行創建,具體的只要你vue ui一下,就一目了然,你肯定會!!!

第五步:創建項目系列配置

創建成功后,出來這么一個界面

它讓你選,OK,方向鍵滑動選擇第二個>>>自定義

然后給你一個界面

選擇上面四個

之后會詢問你:強制性把上一次訪問當做歷史記錄

不用管,選Y回車!

然后下一個界面依舊默認第一個,下下個界面依舊默認第一個!

之后這個界面,第一個選項是多個文件分開放,第二個選項是打包,如果你覺得文件多麻煩,就選擇第二個。

最后!!!!

是否保存配置,建議選N,因為一旦選擇Y之后再創建記錄永遠也無法刪除!

第六步:下載項目依賴

創建好之后,查看項目

之后,繼續回到cmd

  • 輸入cd 項目名
  • 輸入 cnpm run serve

注意:路徑一定要在項目目錄下

然后訪問本地端口,copy網址到Chrome,回車

成功!!!

注意:此時的socket是node提供的。

OK,照着步驟來,項目創建成功~~~


免責聲明!

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



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