The lamp and vscode editor on docker.
/docker-webtools
│README.md
│docker-compose.yml
|
└───/db
│ │{ creat database by your sqlfile or empty }
│
└───/html
| │{your php project}
| └───/.vscode
| |{configfile}
|
└───/phpmyadmin
└───/session
| {tmpfile}
|
- docker: >=17.09.1( Docker for Windows OR Docker for Mac )
- docker images: frank30941/docker-webtools:latest、mariadb:latest、phpmyadmin/phpmyadmin:latest
- X window: VcXsrv(Windows)、XQuartz(Mac)
- OS: Windows10( Hyper-V ) or Mac 都可
- 滑鼠右鍵工作列右邊的鯨魚小圖案 docker->settings->Shares Drives
- 選擇給 docker volumes 存放的硬碟
- 安裝完 VcXsrv 後，直接點擊運行
- 工作列右邊有 VcXsrv 小圖案及是啟動完成
- 安裝完 XQuartz 後，直接點擊運行
- 將 docker-webtools clone 到本機端，以VSCODE開啟 docker-xdebug 目錄資料夾
- 在 ./docker-webtools/html/ 底下可放你入的專案，或著只是測試檔案都可
- 點開編輯 ./docker-webtools/docker-compose.yml
- 請依本機系統來選擇，預設是 Windows
xdebug:
image: frank30941/webtools:latest
ports:
- "80:80"
restart: always
environment:
DISPLAY: docker.for.win.localhost:0.0
# DISPLAY: docker.for.mac.localhost:0- 開啟終端機
- Windows: cmd or PowerShell
- Mac: Terminal
cd /***/***/***/docker-webtools/
docker-compose up -d第一次會先 pull frank30941/docker-webtools:latest 的 image，會花很多時間，這時候就來沖杯咖啡吧~
- 建立完成並且容器開始運作後，會直接開啟容器內的vscode
- 於 vscode 內開啟終端機，並輸入
sudo apache2-foreground & #於後台啟動 apache
- 點擊左側臭蟲圖示之後顯示 debug 模式，再點擊左上邊的綠色箭頭，開始監聽~
- 開啟本機上的瀏覽器，進入網頁 http://localhost/
- vscode 開啟終端機快捷鍵
Ctrl + ` - 虛擬CUI 開啟中文輸入法
Shift + space - 要停止運作的話，和步驟5一樣，但請輸入
docker-compose stop #暫停運作，會保留容器
docker-compose down #結束運作，會刪除容器- 開發環境資訊:
