工具：
- vscode
- docker
- wsl（windows子系統(tǒng)默認(rèn)ubuntu）
wsl安裝
截至目前為止wsl安裝方式網(wǎng)址
wsl --install #以管理員身份運(yùn)行powershell
默認(rèn)安裝ubuntu就可以
vscode安裝擴(kuò)展
- Dev Containers
- WSL
- Docker
docker安裝
一路默認(rèn)安裝即可
安裝完成之后壹蔓，設(shè)置一下docker
image.png
image.png
設(shè)置完成需要重啟一下客戶端
開始部署開發(fā)環(huán)境
首先下載集成環(huán)境的倉庫
1. 打開wsl安裝的Ubuntu子系統(tǒng)(一般在開始菜單里就能找到)
image.png
2. 在ubuntu終端中輸入：
git clone https://gitee.com/cooladminmovie/node-dev.git
image.png
3. 然后使用vscode打開目錄
code node-dev
打開之后vscode的左下角可以看到當(dāng)前的運(yùn)行環(huán)境為WSL: Ubuntu
image.png
然后點(diǎn)擊左下角這個綠色框鲜棠，在彈出框中選擇reopen in contanier雌澄， 讓項(xiàng)目在容器中運(yùn)行
右下角內(nèi)容第一次打開時是沒有的嫁乘，這個是后來補(bǔ)的截圖
image.png
在打開容器過程中，左下角顯示為正在打開遠(yuǎn)程扭吁， 需要等一下撞蜂，初始化容器環(huán)境盲镶。
image.png
點(diǎn)擊右下角可以看見當(dāng)前打開進(jìn)度，正在安裝redis和db文件等內(nèi)容
image.png
出現(xiàn)如下信息表示容器環(huán)境啟動成功
image.png
在當(dāng)前環(huán)境下打開控制臺谅摄，執(zhí)行shell腳本徒河，開始拉取前后端代碼，可以打開cool-init.sh文件查看具體操作內(nèi)容
sh cool-init.sh
image.png
image.png
代碼拉去完成之后送漠，右上角也會相應(yīng)的出現(xiàn)前后端的代碼文件
比如需要打開后端代碼的話顽照， 在當(dāng)前控制臺輸入如下命令
code cool-admin-midway
在一個新的vscode窗口中打開后端項(xiàng)目代碼，進(jìn)行相應(yīng)的開發(fā)和操作闽寡。
