Vue3系列1--配置環境和創建項目
下載地址:下載 | 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 項目可以去對比一下。

