開発環境

Visual Studioコードで
私の最後のギグの我々のチームの中にあった問題は、一貫して複数のオペレーティングシステム全体でプロジェクトを実行していました.私は、チームがローカルにそれに一貫したワークフローを与えるだろうDockerファイルのまわりでハックしようとしている数週間を過ごしました、そして、...私は、Visual Studioコードがちょうど1つのプラグインでそれをとても簡単にすることができるとわかりました.
このガイドはVisual Studio Code and Docker プロダクション設定を模倣し、開発環境の一貫性を作成します.両方のDockerとVisual Studioのコードは、このガイドを使用するようにインストールする必要があります.
ガイドはノード用に書かれています.創造的なアプリケーションを使用してJSの環境がどのような選択された環境が必要に応じてステップを変更することができます.
あなたも、あなたのdevコンテナの中で働いている熱い再ローディングを持ちます💜

あなたがこのガイドのビデオ版を望むならば:
または他のコピーをコピーして貼り付け続ける🧑🏻‍💻
Visual Studioコードでは、次のプラグインをインストールします

ここにあります.https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
これにより、コンテナ内のVisual Studioコードを実行できます.
プロジェクトのルートディレクトリで、フォルダを作成する必要があります.devcontainer . これは、我々の環境の設定を格納する場所です.
次に、このフォルダに2つのファイルを作成します.devcontainer.json とDockerfile .
命名されたフォルダとファイル名が存在するので、命名は重要です.
フォルダ構造は次のようになります.

内部Dockerfile 我々はイメージを選択しRUN イメージをインストールした後に必要なコマンド(グローバルインストールなど).Dockerfile

FROM node:12.14.1-stretch
RUN npm install -g eslint prettier

そして、devContainerで.JSONの設定をすべて設定できます.
devContainerJSONは基本的にあなたのdevコンテナがどのように構築され起動されるかを決定する設定ファイルです.devcontainer.json

{
  "name": "Node.js Sample",
  "dockerFile": "Dockerfile",
  "appPort": 3000,
  "extensions": ["dbaeumer.vscode-eslint"],
  "settings": {
    "terminal.integrated.shell.linux": "/bin/bash"
  },
  "postCreateCommand": "yarn install",
  // Comment out the next line to run as root instead. Linux users, update
  // Dockerfile with your user's UID/GID if not 1000.
  "runArgs": ["-u", "node"]
}

オプション
説明dockerfileイメージとして使用するDockerFileへの相対パス.appPortコンテナが実行されているときにローカルで利用できるようにするポートまたはポートの配列extensionsコンテナが作成されるときにコンテナ内にインストールされる拡張子を指定する拡張子IDの配列.settingsデフォルトの設定を追加します.コンテナ/マシン固有の設定ファイルにJSON値.postCreateCommandコンテナーが作成された後に実行するコマンド引数のコマンド文字列またはリスト.runArgsコンテナを実行するときに使用するDocker CLI引数の配列.
Full list devcontainer.JSONオプション.


チェック
コンテナーが動作して接続されると、ステータスバーの左下にあるリモートコンテキストの変更が表示されます.

リモートコンテナの拡張子をインストールすると、左端に新しいステータスバーの項目が表示されます.

リモートステータスバーの項目は、コンテキストVSコードが実行されている(ローカルまたはリモート)をすばやく表示することができますし、アイテムをクリックしてリモートコンテナコマンドを起動します.

コンテナの再オープンを選択します.


コンテナのビルド待ち
これが初めて接続するなら、Dockerイメージはダウンロードされて、構築されて、Vsコードサーバーの実行をコピーしているコンテナを開始します.これは数分がかかるかもしれないが、将来の接続だけ秒かかります.


環境チェック
コンテナーで開発する便利なことの一つは、ローカル開発環境に影響を与えることなくアプリケーションが必要とする依存関係の特定のバージョンを使用することです.

node --version; 
npm --version

購読する