docker配置前端和資料庫
關於Docker開發前端Vue,資料庫Mysql的例子
一.先說說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容器的環境。
時間匆忙:有疑問可以提出,寫的不好不要噴,可以多交流討論
相關文章
- 使用 Docker 完成 MySQL 資料庫主從配置DockerMySql資料庫
- 2 建立和配置資料庫資料庫
- MySQL和PostgreSQL資料庫安全配置MySql資料庫
- 資料庫配置資料庫
- RAC資料庫連線配置,tnsnames和client端配置資料庫client
- 織夢資料庫配置檔案修改資料庫配置方法資料庫
- java DB 雙資料來源和資料庫事務配置Java資料庫
- Jira資料庫配置資料庫
- jive資料庫配置資料庫
- 配置session——資料庫Session資料庫
- Oracle資料庫配置Oracle資料庫
- Redis(1)- Redis資料庫的安裝和配置Redis資料庫
- Docker環境Oracle資料庫搭建DockerOracle資料庫
- django 配置mysql資料庫DjangoMySql資料庫
- luffy之資料庫配置資料庫
- django配置mysql資料庫DjangoMySql資料庫
- 資料庫配置檢查資料庫
- PerconaServer5.6(資料庫MySQL使用者配置和資料庫使用者許可權配置)Server資料庫MySql
- 資料庫映象和資料庫快照資料庫
- Docker最全教程——資料庫容器化(十)Docker資料庫
- 前端的資料庫:IndexedDB入門前端資料庫Index
- 前端輕量級資料庫mongodb前端資料庫MongoDB
- 4 為效能配置資料庫資料庫
- mysql主從資料庫配置MySql資料庫
- Mybatis配置資料庫連線MyBatis資料庫
- ES資料庫高可用配置資料庫
- Vapor如何配置MySQL資料庫VaporMySql資料庫
- 一、配置etcd資料庫資料庫
- MySQL資料庫時區配置MySql資料庫
- MySQL 配置資料庫編碼MySql資料庫
- 重新配置OpenFire資料庫資料庫
- solr連線資料庫配置Solr資料庫
- 為RMAN操作配置資料庫資料庫
- 配置資料庫問題?求救資料庫
- Oracle配置資料庫診斷Oracle資料庫
- 資料庫查詢配置值資料庫
- SQL Server 資料庫同步配置SQLServer資料庫
- MyBatis-04-資料庫配置MyBatis資料庫