1.安裝nodejs（建議最新版本）

下載地址：下載 | Node.js 中文網

在安裝的過程中建議不要裝在C盤，安裝完成配置環境變數，並且建議講緩存路徑更改。

安裝完成後通過查看nodejs版本和npm版本，在終端輸入 npm --version 和node --version，如下圖所示：

2.構建vite項目

官方文檔地址：開始 {#getting-started} | Vite中文網 (vitejs.cn)

使用vite初始化一個項目：

npm

npm init vite@latest

Yarn

yarn create vite

運行之後

  package json 命令解析

{
  "scripts": {
    "dev": "vite", // 啟動開發伺服器，別名：`vite dev`，`vite serve`
    "build": "vite build", // 為生產環境構建產物
    "preview": "vite preview" // 本地預覽生產構建產物
  }
}

3 安裝Vue cli腳手架

npm install @vue/cli -g // 安裝
vue create <project> // 創建項目

構建我們的cli 項目可以去對比一下。