- 切換到development分支
- 安裝套件
npm install
npm run dev
- 完成,如有問題請line: chuian1212
- Nuxt 資料夾規範 (https://v3.nuxtjs.org/guide/concepts/auto-imports)
- Atomic Design (https://bradfrost.com/blog/post/atomic-web-design/)
- BEM (變體) (https://getbem.com/)
套件名稱 | 說明 |
---|---|
Nuxt3 | 基於Vue+Nitro+Vite的SSR框架 |
-- vue | Vue |
-- vue-router | Vue Router |
-- @pinia/nuxt | Nuxt的Pinia狀態管理 |
JS相關套件 | Vue的狀態管理 |
-- axios | 連線用的模組 |
-- buffer | 處理File&Blob用 |
-- firebase | Google Firebase |
-- firebase-admin | 使用Nitro發布於Firebase Hosting時需要 |
-- firebase-functions | 使用Nitro發布於Firebase Hosting時需要 |
-- firebaseui | 現成的登入模組,支援第三方登入 |
-- Fuze.js | 模糊搜索 |
-- Mitt | 基於原生JS的Event Bus,避免甚麼鬼都記錄在pinia |
UI相關套件 | |
-- @glidejs/glide | 基於原生JS的輕量套件 |
-- bootstrap | Bootstrap |
-- ckeditor5-custom-build | Rich Text Editor |
-- flatpickr | 基於原生JS的輕量套件 |
-- Minidenticons | 生成隨機聊天室的頭像用 (Deprecated) |
-- nouislider | 基於原生JS的輕量套件 |
-- sweetalert2 | 基於原生JS的輕量套件 |
-- sass | scss preprocessor |
- 安裝 Firebase CLI (https://firebase.tools/bin/win/instant/latest)
- 安裝 firebase-tools (https://www.npmjs.com/package/firebase-tools)
- 切換到正確的分支
- 避免Windows權限問題 (firebase/firebase-tools#1627)
firebase projects:list
firebase use
firebase use --add job-pair-taiwan-prd
npm run build
npm run deploy
rmdir .\node_modules\
配置標頭 (https://firebase.google.com/docs/hosting/full-config#headers)