vue 專案目前放在 gitlab 上管理，為什麼不放在 github？因為環境變數.env、config 檔案都無法進入 git 記錄，很麻煩。如果你是想要展示作品，可以放在 github，但是如果是一個有機密資料的專案，我還是都會選擇放到 gitlab，而且 gitlab 的 CICD 自動化部署真的是很方便。
vue 專案目前放在 gitlab 上管理，為什麼不放在 github？因為環境變數.env、config 檔案都無法進入 git 記錄，很麻煩。如果你是想要展示作品，可以放在 github，但是如果是一個有機密資料的專案，我還是都會選擇放到 gitlab，而且 gitlab 的 CICD 自動化部署真的是很方便。
現在大部分公司的專案都會放在自己的機台，並安裝 Gitlab 做管理，其實身為一個前端工程師，一定會在各種時候需要略懂一些其他領域的知識，就像這篇我要記錄的自動化部署 ，讓每個協作者開發完成後，發佈新版本時候確保專案有適時載入所有 package 與成品有正確上傳到線上環境。只需要額外撰寫 .gitlab-ci.yml 放在根目錄，Gitlab Runner 就可以自動去跑部署流程囉！
因為每間公司的流程跟限制不同，以我自己的例子，我們公司只會有兩種環境 : development、production。另外在 Gitlab Runner 那端由 IT 人員處理，所以這邊無法多作說明，這邊主要就是以前端的角度去實踐。
要做到自動化部署，會經歷以下幾件事 :
package.json的scriptdeploy.sh.gitlab-ci.yml官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 台北親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台北兒童寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台北親子寫真推薦 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 高雄葬儀社 , 高雄生命禮儀 , 高雄殯葬服務 , 屏東葬儀社 , 屏東生命禮儀 , 屏東殯葬服務 , 土地整合 , 土地開發 , 投資辦公室 , 廠辦整合規劃 , 工業地 , 徵收土地 , 寵物氧氣機 , 寵物活氧機 , 寵物專用氧氣機 , 寵物呼吸機 , 狗用氧氣機 , 貓用氧氣機 , 犬貓氧氣機 , 寵物魚油 , 犬貓魚油 , 貓用魚油 , 犬用魚油 , 狗魚油 , 貓魚油 , 婚禮顧問 , 婚顧 , 婚禮企劃 , 婚禮主持 , 雙語婚禮主持 , 英文婚禮主持 , Wedding mc , Wedding Planner , Bilingual Wedding , Wedding mc in Taiwan , Wedding mc in Taipei , Wedding Planner in Taiwan , Wedding Planner in Taipei , Bilingual Wedding mc in Taiwan , Bilingual Wedding mc in Taipei , 婚禮顧問推薦 , 婚禮企劃推薦
官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚攝Allen , 婚禮攝影 , 婚禮紀錄 , 婚攝推薦 , 婚攝 , 婚攝 , 婚攝 , 寒舍艾美婚攝推薦 , 文華東方婚攝推薦 , 君品酒店婚攝推薦 , 諾富特婚攝推薦 , 萬豪酒店婚攝推薦 , 婚攝Vincent , 婚攝 , 婚攝 , 婚攝 , 台北婚攝 , 台中婚攝 , 台南婚攝 , 高雄婚攝 , 美式婚攝 , 婚禮攝影美式 , 婚禮攝影推薦 , 婚禮攝影 , 婚禮攝影 , 婚攝推薦 , 婚禮紀錄 , 婚紗攝影 , 寒舍艾美婚攝 , 婚禮攝影 , 自助婚紗 , 婚攝 , 婚攝推薦 , 婚攝小寶 , 婚禮攝影 , 自助婚紗 , 婚禮紀錄 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 新秘 , 新秘小淑 , 新娘秘書 , 新娘造型 , 台中新秘 , 婚禮婚紗造型 , 新秘推薦 , 台中西屯霧眉 , 台中霧眉 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 婚攝 , 婚攝勇年 , 婚禮紀錄 , 婚紗婚攝 , 孕婦寫真 , 婚禮攝影 , 自助婚紗 , 婚攝推薦 , 文華東方婚攝 , 親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 根尖手術 , 根管治療 , 牙齒再植手術 , 顯微根管 , 鈣化根管治療 , 再生性根管治療 , 牙根黑影與膿包治療 , 高雄根管治療 , 高雄牙齒醫師 , 高雄顯微根管醫師 , 美白牙齒 , 婚攝 , 婚攝 , 孕婦寫真 , 網頁設計/a> , , 品牌設計/a> , , LOGO設計/a>
