婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 使用Vscode結(jié)合docker進行開發(fā)的詳細過程

使用Vscode結(jié)合docker進行開發(fā)的詳細過程

熱門標簽:400電話申請方案 在百度地圖標注車輛 威海人工外呼系統(tǒng)供應商 藍點外呼系統(tǒng) 做外呼系統(tǒng)的公司違法嗎 貴陽教育行業(yè)電話外呼系統(tǒng) 寧夏房產(chǎn)智能外呼系統(tǒng)要多少錢 撫順移動400電話申請 烏海智能電話機器人

前言

使用 Docker 與 VS Code 可以優(yōu)化整個本地開發(fā)環(huán)境,加速項目進度過程。在所有環(huán)境中使用相同的基礎映像,為所有開發(fā)人員提供相同的編輯器工具,可以更容易實現(xiàn)標準。

大型項目的團隊首先必須確保安裝依賴、內(nèi)核版本這些開發(fā)環(huán)境是統(tǒng)一的。為了解決開發(fā)環(huán)境一致性的問題,常規(guī)傳統(tǒng)的辦法就是制定開發(fā)人員遵循制定指南,但是盡管如此實際開發(fā)過程還是會遇到各種障礙。

設置環(huán)境的常規(guī)方法如下圖所示:

另一種解決方案是使用所有必需的庫和依賴項預先配置的開發(fā)環(huán)境,開發(fā)人員可以在容器中分拆這些庫和依賴項。然后,開發(fā)人員可以在容器提供的隔離環(huán)境中工作。這極大地減少了開發(fā)人員在克隆代碼庫以開始處理它之間花費的時間。

除了為所有開發(fā)人員提供相同的環(huán)境之外,我們可以利用它來自動安裝您的項目所需的特定擴展。這可以避免工具的不一致使用,并且省去開發(fā)人員手動安裝的麻煩。

以下是通過結(jié)合使用 Docker 和 VS Code 的Remote — Containers擴展來實現(xiàn)的。

設置

在本文中,我將提供一個在 Node 環(huán)境中運行的 JavaScript 應用程序示例。閱讀在容器內(nèi)開發(fā)以獲取所有技術堆棧的詳細文檔。

如果您尚未安裝Docker和 VS Code,請先安裝它們。在 VS Code 中安裝Remote — Containers擴展。確保 Docker 正在您的機器上運行。

轉(zhuǎn)到您的項目并在根目錄中創(chuàng)建一個名為.devcontainer的文件夾。這個新文件夾包含開發(fā)容器所需的配置文件。

在.devcontainer 中創(chuàng)建Dockerfile和devcontainer.json并添加以下配置。

Dockerfile文件如下

# Specify the base image you want your dev container to use.
# You may use the same exact base image your application would use in production for consistancy.
# That could prevent surprises such as "works in local, but not in PROD".

FROM node:14.17.0-alpine

# Additionally you can install other dependencies for the environment while configuring the base image.
# In this example, I am installing Git as the Alpine version of node does not come with one. 

RUN apk update
RUN apk add git

devcontainer.json文件如下

{
    "name": "DevContainer ReactApp",

    // Provide the dev container with a Dockerfile that it can use to build an image and run the container.
    "dockerFile": "Dockerfile",

    // Command(s) to run before the container is created.
    // In this case we are installing the node modules.
    "initializeCommand": "yarn install",

    // Starts the development server every time the container starts.
    // This is triggered on reopening the container as well. 
    "postStartCommand": "yarn start",

    // Forward your application's port(s) running in the container to the local machine.
    "forwardPorts": [3000],

    // Required VSC code extensions that you want to automatically install for the developers to use.
    "extensions": [
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode",
        "eamodio.gitlens"
    ]

    // Use the devcontainer.json reference to explore all possible configurations.
    // https://code.visualstudio.com/docs/remote/devcontainerjson-reference
}

完成后,我們需要構建容器。為此,請使用 VS Code 命令面板中的“在容器中打開文件夾”或“在容器中重新打開”。


這應該初始化開發(fā)容器。它拉取 docker 基礎鏡像,配置容器,并啟動開發(fā)服務器。


結(jié)語

容器的構建和配置是一次性活動,需要時間。如果沒有更改,后續(xù)重建會更快。但是,如果 devcontainer.json 或 Dockerfile 發(fā)生更改,則需要重新構建以應用更改。如果您嘗試直接重新打開,系統(tǒng)將提示您重建。

到此這篇關于使用Vscode結(jié)合docker進行開發(fā)的的文章就介紹到這了,更多相關Vscode結(jié)合docker開發(fā)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

標簽:慶陽 泰州 那曲 朝陽 蕪湖 松原 周口 銅川

巨人網(wǎng)絡通訊聲明:本文標題《使用Vscode結(jié)合docker進行開發(fā)的詳細過程》,本文關鍵詞  使用,Vscode,結(jié)合,docker,進行,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《使用Vscode結(jié)合docker進行開發(fā)的詳細過程》相關的同類信息!
  • 本頁收集關于使用Vscode結(jié)合docker進行開發(fā)的詳細過程的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 德昌县| 垦利县| 洪雅县| 溆浦县| 淮滨县| 南平市| 辉县市| 甘孜县| 冕宁县| 兴山县| 浦北县| 义马市| 垦利县| 理塘县| 栾川县| 乡宁县| 红桥区| 兰州市| 察隅县| 石林| 德钦县| 山西省| 金昌市| 永年县| 巴林右旗| 富锦市| 阳曲县| 临城县| 清原| 光泽县| 古交市| 托克托县| 永济市| 绥化市| 昌黎县| 繁峙县| 乌恰县| 东至县| 石嘴山市| 隆安县| 通许县|