導航:首頁 > 程序命令 > pomelo命令

pomelo命令

發布時間:2024-02-22 16:30:32

⑴ 編寫前端開發環境的docker 鏡像並發布及使用教程

如果之前沒有接觸過docker,建議把 https://docs.docker.com/get-started/ 中的part1-part10看完並實現一遍再來看本篇文章。

製作一個docker 鏡像,其內置了Node v12.22、 npm源管理器nrm、單頁面腳手架wlg-cli、多頁面腳手架mp-cli-lc、browser-sync插件及curl、vim和git等,無需在主機中安裝且這樣統一了前端開發環境。

1、編寫Dockerfile文件

2、構建鏡像文件 docker image build -t front-end-env . (這里取鏡像名稱為front-end-env)
3、使用命令行登錄docker docker login -u 你的docker用戶名
4、打標簽 docker tag front-end-env 你的docker用戶名/front-end-env
5、 上傳至倉庫 docker push 你的docker用戶名/front-end-env

1、使用如下指令進入docker容器內部
docker container run -p 3000:3000 -it 你的用戶名/front-end-env /bin/bash
(-p 3000:3000將容器內的3000埠暴露給主機3000埠,下圖中我沒有加這個)

2、驗證docker容器內部的nrm是否安裝成功

上圖,可以看到我們成功的將主機的當前目錄及文件掛載綁定到docker容器內了,進入到docker容器內後我們創建一個文件夾,在主機也會同步的創建了相同的文件夾,因為此時他們是同步的。ps:如果使用vscode,可以試試Remote-Containers 插件,可以更簡單。(本人沒有親測過)

題外話:
1、藉助虛擬機和Vagrant也可以實現類似統一環境功能。
2、使用Docker Compose可以簡化上述操作

推薦資料:
1、 https://wurang.net/webpack_hmr/
2、 https://juejin.cn/post/6932808129189150734
3、 https://www.cnblogs.com/pomelott/p/13325328.html
4、docker中的expose https://blog.csdn.net/weixin_43944305/article/details/103116557

閱讀全文

與pomelo命令相關的資料

熱點內容
原著小智為主角的小說 瀏覽:162
女主叫簡寧男主姓席 瀏覽:725
女主重生男主姓陸軍婚 瀏覽:850
看片小網站 瀏覽:92
穿越之一女n蛇王 瀏覽:673
曹查理吃千年人參是什麼電影 瀏覽:392
《色變天下》女尊 瀏覽:412
碧藍航線同人小說 瀏覽:757
sci謎案集小說全集+番外TXT下載 瀏覽:94
最經典的啄木鳥電影 瀏覽:291
男主是爐鼎被女修采補小說 瀏覽:421
李彩譚有特點的電影 瀏覽:258
李承憲電影 瀏覽:737
台灣小敏 瀏覽:105
水沫緣淺的所有小說txt 瀏覽:241
喪屍之神主角張楊 瀏覽:339
91電影 瀏覽:942
書包網txt 瀏覽:282
台灣懷舊限級電影 瀏覽:390
綠帽同人小說 瀏覽:290