0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【VS Code】Docker コンテナを使用した開発環境

Posted at

参考記事

以下を参考に Docker コンテナを使用した開発環境を構築する

前提条件

  • VS Code に Dev Containers が導入されていること
    image.png

  • Docker Desktop が導入されていること

Docker コンテナ作成・起動 (その1)

以下の「リモートウィンドウを開きます」をクリックする。

image.png

以下の「新しい開発コンテナー...」をクリックする。

image.png

適当に Ubuntu を入力し、選択する。

image.png

「その他のオプション...」をクリックする。

image.png

「jammy」をクリックする。
image.png

適当に AWS 関連の機能を選択する。

image.png

以下のように Ubuntu 環境が立ち上がる。

image.png

Docker コンテナ作成・起動 (その2)

任意のフォルダに以下のファイルを作成

.devcontainer/devcontainer.json

以下は devcontainer.json のサンプル

devcontainer.json
{
	"name": "Ubuntu",
	"image": "mcr.microsoft.com/devcontainers/base:jammy",
	"features": {
		"ghcr.io/devcontainers/features/aws-cli:1": {},
		"ghcr.io/devcontainers-contrib/features/aws-cdk:2": {}
	},
	"customizations": {
		"vscode": {
			"extensions": [
				"hediet.vscode-drawio",
				"hashicorp.terraform"
			]
		}
	}
}

「コンテナーでフォルダーを開く...」をクリックする。

image.png

準備したフォルダを開く。

image.png

以下のように Ubuntu 環境が立ち上がる。

devcontainer.jsonextensions で指定した拡張機能も導入済み。

image.png

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?