docker配置前端和資料庫

南尋舊夢發表於2020-12-27

一.先說說docker是個什麼玩意

想一想假如你是開發團隊的一員,你們一起開發一個專案,但是呢有個問題,成員A用的是mac電腦,成員B用的是linux作業系統,你是window使用者,你會發現你們電腦執行環境是不一樣的。或許你會問:執行環境不一樣有什麼關係呢?
這麼說吧,你們電腦每個人都配置了一個java包,你是jdk7,而A是jdk5,B是jdk8,你們一起合作開發,你會發現,為什麼一模一樣的程式,A執行的起來,B也可以,你執行卻報錯了!為什麼?原來你的jdk7和jdk5和8在某一方面不相容導致你的程式崩潰了。
這時候你們需要統一開發環境,此時docker應運而生。
具體怎麼用呢?別急,看下面:

注意:我這裡用的是windows10系統,下載的是docker desktop,具體怎麼配置docker去百度哦,教程很多,如果實在不行給我留言,我抽時間再出一個window10安裝docker教程(當然別的也行,只要是dock,下面我一主要用docker desktop的圖形介面操作)
在這裡插入圖片描述
然後安在wsl2裡面
在這裡插入圖片描述

二.讓Mysql跑在容器裡

先去看一個我參考的教程如果看懂了就不用看我跑mysql容器了:
連結: 菜鳥教程.
開啟docker desktop

開啟命令列cmd
輸入

docker images

這裡是你pull的映象(下載的映象)

然後

docker pull mysql:5.7.30

再docker images,就可以看見mysql了
在這裡插入圖片描述
在這裡插入圖片描述

輸入

 docker run -itd --name mysql-test -p 3307:3306 -e MYSQL_ROOT_PASSWORD=123456 mysql

這裡mysql本算埠輸出是3306,我將它對映到3307(因為我的window自己本來的mysql正在3306執行)
然後docker ps
在這裡插入圖片描述

這時候你的mysql容器已經跑了起來,你需要在navicat來建一個新的連線
在這裡插入圖片描述
然後就成功了!這樣你的3307埠可以訪問一個docker容器的mysql資料庫了
在這裡插入圖片描述
之後如果你把執行的容器關了
在這裡插入圖片描述
在這裡插入圖片描述
說明新的mysql沒了

三.前端搭node.js環境

這裡我用的是vscode來弄的,用idea或者別的也行,我有空試試去。
這裡你先pull一個node

docker pull node

在這裡插入圖片描述
然後你會發現
在這裡插入圖片描述
然後run
在這裡插入圖片描述
然後去vscode裡面下載外掛
一.docker
在這裡插入圖片描述
二.Remote - Containers
在這裡插入圖片描述
然後重啟VScode
在這裡插入圖片描述
發現正在執行的容器:
右鍵-點選attach vscode
在這裡插入圖片描述
會有個新視窗,進去應該是這樣:(馬賽克塗的是我後加的)
你新建一個資料夾,比如vue
在這裡插入圖片描述
然後cd vue(這裡是預設linux系統)
在這裡插入圖片描述
如何按你平時怎麼建立vue專案的命令來(下面指令借鑑用)

npm install vue
npm install -g @vue/cli
npm install
npm create lwj

這樣就可以在容器裡建立好vue專案,這樣讓你的成員也pull同一個版本的node,這樣你們的前端開發環境就都一樣了。大家用的同一個node同一個docker容器的環境。

時間匆忙:有疑問可以提出,寫的不好不要噴,可以多交流討論

相關文章