Node.js #套件3 -建置Vue專案

Penny
May 30, 2023

--

《 建置Vue專案 》

在本機端建置Vue的開發環境,專案的底層是使用新一代的模組打包工具vite做建置。

➤ 步驟一:

創建一個資料夾,並於程式碼中開啟後,再開啟程式碼中的終端機,輸入指令「npm init vue@latest」,接著會詢問你專案要建置的名稱,可自行取名,那我在這邊取名為「vue-project」。

《建立Vue專案 》- 步驟一

➤ 步驟二:

專案名稱確認後,會出現很多詢問,系統預設都會是No,可先一路按Enter都先不要安裝,等之後有需要再進行安裝即可。

《建立Vue專案 》- 步驟二

➤ 步驟三:

接著系統會出現三個指令,就按照他的指令進行輸入,這三個都必須執行輸入。

《建立Vue專案 》- 步驟三

➤ 步驟四:

以上三個指令輸入完成後,就會出現一個Local的網址(圖一),到瀏覽器執行後,看到You did it !(圖二) 就表示已經將Vue專案環境建置完成囉。

《建立Vue專案 》- 步驟四 (圖一)
《建立Vue專案 》- 步驟四 (圖二)

--

--