為什么要使用使用docker環(huán)境進行開發(fā)？
1、切換環(huán)境時苍凛，只需要切換連接的鏡像壁拉；
2、在不同系統(tǒng)進行開發(fā)時汤功，均可以連接一個標準鏡像物邑，從而統(tǒng)一開發(fā)環(huán)境；
3滔金、純凈開發(fā)環(huán)境色解，本機只需簡單安裝vscode
如何搭建docker服務(wù)？
前提需要在本地安裝docker餐茵，打開終端執(zhí)行docker version打印相關(guān)信息表示已經(jīng)安裝docker科阎。
1、選擇docker容器中需要使用的node版本忿族，并拉取對應版本鏡像
docker pull node:18.16.0
2锣笨、使用DockerFile構(gòu)建鏡像
FROM node:18.16.0
WORKDIR /web
# 測試啟動服務(wù)
ADD . /web
# >>>>>>>>>> 安裝 node 依賴
RUN npm config set registry https://registry.npmjs.org/
RUN npm install
RUN npm install -g @vue/cli
# >>>>>>>> 安裝ssh環(huán)境配置（重要）
RUN apt-get update -y && \
apt-get install -y openssh-server
# 修改登錄賬戶密碼
RUN echo "root:123456" | chpasswd
COPY ./docker/sshd_config /etc/ssh/sshd_config
# 指定開放的端口
EXPOSE 8088 22
CMD service ssh restart && tail -f > /dev/null
3、開始構(gòu)建鏡像
docker build -f ./docker/DockerFile -t front_server .
-f 表示DockerFile文件相對路徑道批，需要修改成自己對應路徑
4错英、啟動docker服務(wù)
docker run -p 10000:8088 -p 10002:22 -d front_server
-p 表示端口映射，后面連接容器時需要使用
-d 表示使用的鏡像隆豹，默認最新版本的鏡像
5椭岩、檢查是否啟動服務(wù)，若打印對應的容器信息表示啟動正常
docker ps | grep front_server
如何使用vscode連接docker璃赡？
1判哥、打開vscode，安裝拓展插件Remote - SSH
2碉考、測試連接docker
點擊vscode左側(cè)最下面的圖標打開ssh連接界面塌计，并在輸入框輸入以下命令進行ssh連接，之后會需要選擇連接身份信息保存路徑豆励，默認即可夺荒。
在啟動服務(wù)時，將本地的10002端口映射到容器中的22端口良蒸，因此在連接容器時只需要執(zhí)行以下命令進行連接:
ssh -p 10002 root@127.0.0.1
密碼在DockerFile文件中技扼，默認為123456
最后，在vscode中打開容器中的代碼
在這里完成了使用docker環(huán)境進行開發(fā)的全部步驟
