vite建構vue3項目

• 環境準備
• 建立項目
• 啟動
• 總結

環境準備

• 安裝最新版本

  @vuejs/app

yarn global add @vue/cli
# OR
npm install -g @vue/cli
           

• 更新到最新版本

  @vitejs/app

yarn global upgrade @vue/cli
# OR
npm update -g @vue/cli
           

• 檢視

  vue

  版本

vue -V
           

• 相容性注意

  Vite 需要 Node.js 版本 >= 12.0.0。

  故切換

  node

  版本，可檢視該文章：使用 nvs 管理本地 Node 版本。

  

建立項目

yarn create @vitejs/app <project-name>
# OR
npm init @vitejs/app <project-name>
           

• 選擇一個架構

  

• 選擇一種

  ECMAScript

  的實作

  

  建立完成

  

啟動

npm install
npm run dev
# OR
yarn
yarn dev
           

• 目錄結構

  

總結

• vite

  依賴

  node 12

  版本及以上
• 使用

  vite

  建構

  vue

  項目更加簡潔，啟動速度飛快