創建vue3項目


  最近准備做一個vue的小項目關於vue3的使用。

  首先在vscode全局安裝vue腳手架,npm i -g @vue/cli。

  然后創建vue項目,vue create mydemo(項目名)。

  接下來就是選擇一些安裝的事項

  

  這里推薦選擇自定義安裝,選擇如下幾個(如果會用typescript就把這個也勾上),

  選擇的方法是移動到選擇項,按空格即可。

  

  然后選擇css預處理。

  

  編碼風格根據個人習慣選擇,選擇eslint能夠更好的讓你的代碼規范,剛開始會非常不適應各種報錯。

  

  這2個都選上。

  

  包的配置選擇單獨存放一個文件。

  

  記得全局安裝yarn,  npm i -g yarn,yarn對比npm和cnpm有如下2點好處:

  1.yarn安裝依賴不會存在丟包問題,npm和cnpm偶爾丟包;

  2.yarn在安裝依賴的時候會進行緩存,而npm和cnpm則不會。例如在安裝依賴的時候因網絡原因或者誤操作將vscode關閉等等,在下一次安裝的時候,yarn會從之前已經下載好的地方繼續下載,而npm和cnpm則會將之前的刪除重新下載。

  接下來將命令移動到剛剛創建的項目中 cd mydemo。

  然后就可以跑起你的項目了。 yarn serve。

  vue3對比vue2的版本:在運行項目時會出現2個端口,1個本地端口,另1個是服務器端口,這時候如果旁邊還有一台電腦,可通過服務器端口進行訪問。  

  

  這就是一個完整的創建vue3的項目的過程了。

 

 

 

 

 

 

 

 

  

 


免責聲明!

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



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