最近准備做一個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的項目的過程了。