前言
最近將vue升級到了3.0，記錄下3.0 下項目初始化的兩種方式
cli 腳手架升級
node.js版本
vue-cli卸載（對應vue2.0）（如果之前安裝的是2.0版本，需要執行該操作卸載后升級，如果沒有安裝過跳到下一步直接安裝）
npm uni -g vue-cli
vue/cli安裝（對應vue3.0）
cnpm i -g @vue/cli
cli版本號(vue3.0需要確保cli版本在4.0以上)
vue -V
cli 初始化3.0項目
- 創建項目
vue create 項目名稱
- 選擇自己的配置（根據自己所需，來下載所需的東西）
- 選擇
vue3.x
- 選擇
ESLint標准規則
Lint保存
- 存到單獨的配置文件
- 是否保存以上配置步驟的選項為今后所有項目的默認配置
- 項目創建
- 項目目錄
package.json->vue版本
- 運行項目
npm run serve
- 項目訪問
vite 初始化3.0項目
-
vite是vue3里提供的一個開發小工具，其特點是開發階段編譯重啟速度快 -
創建項目
npm init vite-app 項目名
- 進入項目目錄，執行安裝命令
npm install
- 項目目錄
package.json->vue版本
- 項目啟動
npm run dev
- 項目訪問
