Vite安裝

Vite 特性

1. 使用 rollup
2. 按需編譯，不會刷新全部DOM
3. 開發中熱更新
4. 冷服務啟動。不打包，使用 ES6 import。

新建項目

npm init vite-app demo
# 或
yarn create vite-app demo

# 進入demo文件夾
npm install
# 或
yarn 

npm run dev
# 或
yarn dev

安裝yarn：npm install -g yarn

---

目錄結構

|-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      -- 項目配置文件，包管理、項目名稱、版本和命令