使用Vite 建立Vue 3吧

 

首先我們要創建一個 vite + vue3 項目，目前vue官方創建項目時默認就是 vite 構建了，所以直接按照官網來就可以，如下：

請先確保你安裝了最新版本的 Node.js，然後在命令行中運行以下命令

安裝

基本安裝

With NPM:

$ npm create vite@latest 

With Yarn:

$ yarn create vite 基本安裝

兼容性注意

Vite 需要Node.js版本14.18+，16+。然而，有些模板需要依賴更高的Node 版本才能正常運行，當你的包管理器發出警告時，請注意升級你的Node 版本。

安裝過程

第一個問題: 會跟你說要安裝以下的套件

Need to install the following packages:

  create-vite@4.1.0 👈這個套件

Ok to proceed? (y)

第二個問題: 建立的專案資料夾名稱

? Project name:  vite-project 👈輸入你的專案名稱

第三個問題: 問要使用哪一種框架

? Select a framework: »

vanilla

vue 👈請選到vue這邊 按下空白鍵

react

preact

lit

svelte 

第四個問題: 使用哪種語言(依個人使用習慣選擇)

? Select a variant: »

JavaScript 👈 看個人習慣選擇要 JS 還是 TS.

TypeScript

接著等安裝完畢就可以了

運行

安裝完畢以後會出現 Done. Now run: 字樣，接下來執行以下三個指令

1.   cd vite-project (這裡的vite-project 請跟安裝過程的問題二專案名稱輸入的一樣)
2.   npm install
3.   npm run dev

這樣就安裝完畢，並且創建了一個vite + vue3 的專案了

有其它問題可以在以下留言我會抽空回答大家的，謝謝各位