Vue - 使用 GitHub Actions 部署到 GitHub Pages

GitHub Actions 是 GitHub CI/CD 服務,當我們在推完 code 後,透過 Actions 的設定,就能幫助我們將 build 出來的檔案自動部署到 Github Pages。只要設定好後就不怕會推失敗啦~

Vue Cli 部署到 Github Pages

圖文說明使用 Vue Cli 開發後,如何將 build 出的靜態檔推到 gh-pages 分支,並使用 GitHub Pages 開啟。

在 Vue Cli 中加入自定義 Bootstrap 樣式

常常忘記該怎麼加入自定義的 Bootstrap 樣式,所以直接記下來不囉唆!
基礎的引入很簡單,按照步驟一定搞定~

Vue CLI 3 環境變數設置

使用 Vue 開發時若有使用到 firebse 資料庫,會需要將資料庫金鑰加入到專案中,但在 commit 時不建議將金鑰也一併 commit 到公開的儲存庫上,這時就會建議使用環境變數

Vue CLI 3 快速建立篇

Vue CLI 3 在建立專案上已經可以利用 GUI 的方式來建立,不需要輸入一堆指令!
官網說明:https://cli.vuejs.org/zh/guide/creating-a-project.html

Vue CLI 3 安裝篇

Vue CLI 3 安裝非常簡單和官網上說明的可以說是一模一樣 XD
官網說明:https://cli.vuejs.org/zh/guide/

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×