vite + vue3 + typescript 搭建

芒果5s發表於2024-03-20

1. 安裝node.js

下載地址:https://nodejs.p2hp.com/安裝好後,cmd輸入 node -v 檢視版本號,出現以下圖版本號內容則安裝成功

2.安裝vite

(本步驟可省略)可先切換淘寶映象 npm config set registry httpsregistry.npm.taobao.org

確保node安裝好,輸入 npm install -g create-vite 命令,如下圖,安裝成功

3.建立專案

輸入:create-vite test-project 選擇Vue

選擇 typescript,回車就建立好了

建立好的專案如下:

進入test-project資料夾

4.安裝依賴

在test-project開啟終端(test-project資料夾裡面 按住shift + 右鍵)輸入 npm install

5.執行

輸入 npm run dev 執行,即可訪問

安裝成功

相關文章