如何用Vue+Vite+Firebase 部屬一個網站

建立vite專案

初始一個vite專案
```
npm create vite@latest
```
輸入專案資料夾名稱
Select a framework: vue
Select a variant: Customize with create-vue
TpyeScript(選擇裝或不裝)
JSX不裝(react相關)
Vue Router要裝
Pinia(選擇裝或不裝)
End-to-End(不裝) ESLint(要裝) Prettier自動格式化工具(要裝)

建立firebase

開啟瀏覽器，打firebase
建立一個firebase專案

連接firebase

回到vs code或其他程式環境，先測試看看能不能正常在local運行
```
npm run dev
```
打包文件，會生成一個dist文件
```
npm run build
```
本地運行打包文件，如可運行，代表成功（此步驟只是測試，可略過，不影響）
```
python3 -m http.server 8000 --directory dist
```
下載firebase套件
```
npm install firebase
```
初始化firebase
```
firebase init
```
選擇(按空白鍵) Hosting: Configure and deploy Firebase...
選擇剛剛建的project
輸入dist為主要目錄
single-page app ->Yes
deploy with Github ->No
File dist/index.html already exists. Overwrite? ->No

本地調適

firebase serve --only hosting --project= default

部署
```
firebase deploy --project=default
```

恭喜完成！