文章
看標題好像很難懂我到底想幹嘛,搞這麼麻煩幹什麼XD
因為公司的業務是有一套遊戲是用vue做的,然後幫客戶架設這個遊戲在他們的主機,換上 logo 和網址,就可以營業了。有點類似經銷我們的遊戲給客戶營業。
因為遊戲內容都一樣,我不可能遊戲更新後,我再去所有客戶那邊把程式碼再全部貼上一次。
可是我又不想把主程式用npm publish
推上去給人家下載,我只是公司自己要用而已。
期望是有一個主遊戲程式,定期維護更新,然後有新客戶就新增一個空白專案,裡面放logo圖檔和網址的環境變數,再下載主遊戲程式的最新版本;這樣遊戲有調整,其他客戶只要更新到最新版本就可以了。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin2021-02-09 11:25:002021-03-01 02:06:34在vue專案中不發佈上npm,直接引入另一個本地專案的檔案
因為客戶的網站有分成兩種類型,想要把網站部署在類似這種 domain.com/AAA
, domain.com/BBB
的資料夾結構下,當初以為就把dist/
整包給他放在他開好的資料夾就可以了,後來發現我大錯特錯,切換路由一直失敗,於是上網看了一下官網,發現只需要調整兩個步驟就可以了。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin2020-12-25 09:15:262021-01-27 17:31:54把vue打包檔部署在特定路徑
部署 vue 的 spa 網站到 GCP,可以直接部署靜態網站到 GCP 的 App Engine,也可以用 docker 打包 image,推到 GCP 的 Container Registry。
你必須先完成的事:
- 在電腦安裝
docker
cd
到你的專案路徑下
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/docker.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin2020-11-09 16:48:002021-02-18 10:12:51如何使用 Docker 打包 vue 專案
因為常常需要開始新專案,都要重新設定,所以這幾天找時間把一個初始專案的template架起來,可以從github上參考。
這邊使用的是vue 2
+ vue cli 4
如果你想看vue3的建立新專案方法,請參考下面這篇文章:
一、安裝vue cli
要快速建立一個專案,一定要知道cli
,它可以自動幫你架構好一種通用的架構,並且在建立的時候就可以選擇一般大眾常用的套件,像是sass
、axios
、unitest
、router
…之類的。安裝方式可以參考官網。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin2020-11-03 19:57:142021-02-08 14:16:56如何建立一個vue新專案與設定
Scroll to top
官方網站設計
, 設計品牌
, 台北品牌設計
, 台南品牌設計
, 品牌設計
, LOGO設計
, 台北LOGO設計
, 台南LOGO設計
, 名片設計
, 台北名片設計
, 台南名片設計
, CIS企業識別設計
, 設計LOGO
, 台北設計LOGO
, 台南設計LOGO
, 視覺設計
, 網頁設計
, 台北網頁設計
, 台中網頁設計
, 台南網頁設計
, 高雄網頁設計
, 網站設計
, 台北網站設計
, 台中網站設計
, 台南網站設計
, 高雄網站設計
, 官網設計
, 台北官網設計
, 台中官網設計
, 台南官網設計
, 高雄官網設計
, 公司官網設計
, 形象官網設計
, 產品官網設計
, 響應式網頁設計
, 響應式網站設計
, 公司網頁設計
, 教會網站設計設計
, 婚攝
, 婚攝Allen
, 婚禮攝影
, 婚禮紀錄
, 婚攝推薦
, 婚攝
, 婚攝
, 婚攝
, 寒舍艾美婚攝推薦
, 文華東方婚攝推薦
, 君品酒店婚攝推薦
, 諾富特婚攝推薦
, 萬豪酒店婚攝推薦
, 婚攝Vincent
, 婚攝
, 婚攝
, 婚攝
, 台北婚攝
, 台中婚攝
, 台南婚攝
, 高雄婚攝
, 美式婚攝
, 婚禮攝影美式
, 婚禮攝影推薦
, 婚禮攝影
, 婚禮攝影
, 婚攝推薦
, 婚禮紀錄
, 婚紗攝影
, 寒舍艾美婚攝
, 婚禮攝影
, 自助婚紗
, 婚攝
, 婚攝推薦
, 婚攝小寶
, 婚禮攝影
, 自助婚紗
, 婚禮紀錄
, 婚攝
, 婚禮攝影
, 婚紗攝影
, 婚攝推薦
, 美式婚禮攝影
, 美式婚紗攝影
, 孕婦寫真
, 親子寫真
, 家庭寫真
, 美式風格婚紗攝影
, 美式風格婚禮攝影
, 台北美式婚禮攝影推薦
, 網站設計
, 網頁設計
, 響應式網頁設計
, SEO最佳化
, SEO搜尋引擎最佳化
, 新秘
, 新秘小淑
, 新娘秘書
, 新娘造型
, 台中新秘
, 婚禮婚紗造型
, 新秘推薦
, 台中西屯霧眉
, 台中霧眉
, 血壓量測
, 腕式血壓計
, 全自動手臂式血壓計
, 心房顫動偵測
, 體溫計
, 耳溫槍
, 額溫槍
, 熱敷墊
, 電毯
, 中風
, 高血壓
, 血壓計
, 血壓計推薦
, 血壓計品牌
, 歐姆龍
, 百靈
, 台北攝影棚出租
, 台北攝影棚租借
, 攝影棚出租
, 攝影棚租借
, 攝影場地租借
, 專業形象照
, 形象照拍攝
, 個人形象照
, 孕婦禮服出租
, 孕婦禮服租借
, 自助婚紗
, 自助婚紗攝影
, 台北攝影棚出租推薦
, 台北專業形象照推薦
, 孕婦禮服出租推薦
, 自助婚紗推薦
, 婚攝
, 婚禮攝影
, 婚禮紀錄
, 婚攝
, 婚攝勇年
, 婚禮紀錄
, 婚紗婚攝
, 孕婦寫真
, 婚禮攝影
, 自助婚紗
, 婚攝推薦
, 文華東方婚攝
, 親子寫真
, 台南親子寫真
, 台中親子寫真
, 高雄親子寫真
, 台南兒童寫真
, 台中兒童寫真
, 高雄兒童寫真
, 台南親子寫真推薦
, 台中親子寫真推薦
, 高雄親子寫真推薦
, 台南家庭寫真
, 台中家庭寫真
, 高雄家庭寫真
, 台南全家福
, 台中全家福
, 高雄全家福
, 婚攝
, 台南婚攝
, 婚禮攝影
, 自助婚紗
, 台南婚禮攝影
, 台南婚禮攝影推薦
, 新秘
, 新娘秘書
, 新娘造型
, 高雄新秘推薦
, 台北新秘推薦
, 新秘Yuki
, 白色夢幻新秘Yuki
, 新娘秘書Yuki
, 新娘助理
, 高雄新秘
, 台北新秘
, 婚禮婚紗造型
, 新娘妝髮造型
, 新秘彩妝造型
, 自助婚紗造型
, 台北新娘秘書推薦
, 高雄新娘秘書推薦
, 花草風造型
, 自然風格造型
, 室內香氛
, 居家香氛
, 房間香氛
, 空間香氛
, 香氛蠟燭
, 香氛精油
, 居家香精
, 精油香氛
, 居家香氛擴香
, 香氛蠟燭推薦
, 房間香氛推薦
, 香氛品牌推薦
, 嚴選香氛
, 香氛推薦
, 精油推薦
, 根尖手術
, 根管治療
, 牙齒再植手術
, 顯微根管
, 鈣化根管治療
, 再生性根管治療
, 牙根黑影與膿包治療
, 高雄根管治療
, 高雄牙齒醫師
, 高雄顯微根管醫師
, 美白牙齒
, 婚攝
, 婚攝
, 孕婦寫真
, 網頁設計/a>
,
, 品牌設計/a>
,
, LOGO設計/a>
官方網站設計
, 設計品牌
, 台北品牌設計
, 台南品牌設計
, 品牌設計
, LOGO設計
, 台北LOGO設計
, 台南LOGO設計
, 名片設計
, 台北名片設計
, 台南名片設計
, CIS企業識別設計
, 設計LOGO
, 台北設計LOGO
, 台南設計LOGO
, 視覺設計
, 網頁設計
, 台北網頁設計
, 台中網頁設計
, 台南網頁設計
, 高雄網頁設計
, 網站設計
, 台北網站設計
, 台中網站設計
, 台南網站設計
, 高雄網站設計
, 官網設計
, 台北官網設計
, 台中官網設計
, 台南官網設計
, 高雄官網設計
, 公司官網設計
, 形象官網設計
, 產品官網設計
, 響應式網頁設計
, 響應式網站設計
, 公司網頁設計
, 教會網站設計設計
, 婚攝
, 婚攝Allen
, 婚禮攝影
, 婚禮紀錄
, 婚攝推薦
, 婚攝
, 婚攝
, 婚攝
, 寒舍艾美婚攝推薦
, 文華東方婚攝推薦
, 君品酒店婚攝推薦
, 諾富特婚攝推薦
, 萬豪酒店婚攝推薦
, 婚攝Vincent
, 婚攝
, 婚攝
, 婚攝
, 台北婚攝
, 台中婚攝
, 台南婚攝
, 高雄婚攝
, 美式婚攝
, 婚禮攝影美式
, 婚禮攝影推薦
, 婚禮攝影
, 婚禮攝影
, 婚攝推薦
, 婚禮紀錄
, 婚紗攝影
, 寒舍艾美婚攝
, 婚禮攝影
, 自助婚紗
, 婚攝
, 婚攝推薦
, 婚攝小寶
, 婚禮攝影
, 自助婚紗
, 婚禮紀錄
, 婚攝
, 婚禮攝影
, 婚紗攝影
, 婚攝推薦
, 美式婚禮攝影
, 美式婚紗攝影
, 孕婦寫真
, 親子寫真
, 家庭寫真
, 美式風格婚紗攝影
, 美式風格婚禮攝影
, 台北美式婚禮攝影推薦
, 網站設計
, 網頁設計
, 響應式網頁設計
, SEO最佳化
, SEO搜尋引擎最佳化
, 新秘
, 新秘小淑
, 新娘秘書
, 新娘造型
, 台中新秘
, 婚禮婚紗造型
, 新秘推薦
, 台中西屯霧眉
, 台中霧眉
, 血壓量測
, 腕式血壓計
, 全自動手臂式血壓計
, 心房顫動偵測
, 體溫計
, 耳溫槍
, 額溫槍
, 熱敷墊
, 電毯
, 中風
, 高血壓
, 血壓計
, 血壓計推薦
, 血壓計品牌
, 歐姆龍
, 百靈
, 台北攝影棚出租
, 台北攝影棚租借
, 攝影棚出租
, 攝影棚租借
, 攝影場地租借
, 專業形象照
, 形象照拍攝
, 個人形象照
, 孕婦禮服出租
, 孕婦禮服租借
, 自助婚紗
, 自助婚紗攝影
, 台北攝影棚出租推薦
, 台北專業形象照推薦
, 孕婦禮服出租推薦
, 自助婚紗推薦
, 婚攝
, 婚禮攝影
, 婚禮紀錄
, 婚攝
, 婚攝勇年
, 婚禮紀錄
, 婚紗婚攝
, 孕婦寫真
, 婚禮攝影
, 自助婚紗
, 婚攝推薦
, 文華東方婚攝
, 親子寫真
, 台南親子寫真
, 台中親子寫真
, 高雄親子寫真
, 台南兒童寫真
, 台中兒童寫真
, 高雄兒童寫真
, 台南親子寫真推薦
, 台中親子寫真推薦
, 高雄親子寫真推薦
, 台南家庭寫真
, 台中家庭寫真
, 高雄家庭寫真
, 台南全家福
, 台中全家福
, 高雄全家福
, 婚攝
, 台南婚攝
, 婚禮攝影
, 自助婚紗
, 台南婚禮攝影
, 台南婚禮攝影推薦
, 新秘
, 新娘秘書
, 新娘造型
, 高雄新秘推薦
, 台北新秘推薦
, 新秘Yuki
, 白色夢幻新秘Yuki
, 新娘秘書Yuki
, 新娘助理
, 高雄新秘
, 台北新秘
, 婚禮婚紗造型
, 新娘妝髮造型
, 新秘彩妝造型
, 自助婚紗造型
, 台北新娘秘書推薦
, 高雄新娘秘書推薦
, 花草風造型
, 自然風格造型
, 室內香氛
, 居家香氛
, 房間香氛
, 空間香氛
, 香氛蠟燭
, 香氛精油
, 居家香精
, 精油香氛
, 居家香氛擴香
, 香氛蠟燭推薦
, 房間香氛推薦
, 香氛品牌推薦
, 嚴選香氛
, 香氛推薦
, 精油推薦
, 根尖手術
, 根管治療
, 牙齒再植手術
, 顯微根管
, 鈣化根管治療
, 再生性根管治療
, 牙根黑影與膿包治療
, 高雄根管治療
, 高雄牙齒醫師
, 高雄顯微根管醫師
, 美白牙齒
, 婚攝
, 婚攝
, 孕婦寫真
, 網頁設計/a>
,
, 品牌設計/a>
,
, LOGO設計/a>