Vite 意思是輕快的意思。它和我們以前使用Vue-cli的作用基本相同，都是項目初始化建構工具，相當于Vue項目建構的第二代産品，當然它也包含了項目的編譯功能。需要注意一下Vite的生産環境下打包是通過Rollup來完成的，
Rollup是JavaScriptd的子產品bundler(打包器)，可以将一小段代碼編譯為更大或更複雜的内容，例如庫或應用程式。
Vite 提供的是開發環境中的編譯，打包工作是依靠的 Rollup。
Vite特性介紹
- 輕快冷服務啟動。冷服務的意思是，在開發預覽中，它是不進行打包的。
- 開發實作熱更新，也就是說在你開發的時候，隻要一儲存，結果就會更新。
- 按需進行更新編譯，不會重新整理全部DOM節點。加快開發流程度。
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
Vite 生成的目錄結構
|-node_modules -- 項目依賴包的目錄
|-public -- 項目公用檔案
|--favicon.ico -- 網站位址欄前面的小圖示
|-src -- 源檔案目錄，程式員主要工作的地方
|-assets -- 靜态檔案目錄，圖檔圖示，比如網站logo
|-components -- Vue3.x的自定義元件目錄
|--App.vue -- 項目的根元件，單頁應用都需要的
|--index.css -- 一般項目的通用CSS樣式寫在這裡，main.js引入
|--main.js -- 項目入口檔案，SPA單頁應用都需要入口檔案
|--.gitignore -- git的管理配置檔案，設定那些目錄或檔案不管理
|-- index.html -- 項目的預設首頁，Vue的元件需要挂載到這個檔案上
|-- package-lock.json --項目包的鎖定檔案，用于防止包版本不一樣導緻的錯誤
|-- package.json -- 項目配置檔案，包管理、項目名稱、版本和指令
開發的過程和開發 Vue 項目基本上是差不多的。