質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Git

Gitはオープンソースの分散バージョン管理システム(DVCS)です。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

Q&A

0回答

1859閲覧

VSCode DevContainerでのGit利用について

nekoneko96

総合スコア8

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Git

Gitはオープンソースの分散バージョン管理システム(DVCS)です。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

0クリップ

投稿2020/12/17 07:48

編集2020/12/17 08:00

環境

  • Docker Desktop for Windows 3.0.0
  • Visual Studio Code 1.52.1
  • Angular 11.0.4

現象

現在VisualStudioCodeのRemote Development機能を利用し、DockerコンテナにてAngularの開発を行っています。

ソースはGitで管理しているのですが、コンテナ内で行った変更がすぐにVSCode上の「ソース管理」に上がってきません。

一度VSCodeを終了し、再度コンテナにアタッチするか、「ソース管理」の「最新の情報に更新」をクリックすると解消されます。

また、上記現象はWorkspaceフォルダ直下のファイルを編集した際は発生せず、src配下などサブディレクトリ内のファイルのみで発生します。

├── src
│ ├── index.html ← VSCodeを再起動し、コンテナにアタッチし直さないとソース管理に上がってこない

├── angular.json ← 変更すると即時でソース管理に上がってくる

もし情報お持ちの方がいらっしゃいましたら、VSCodeを一度再起動せずともコンテナ内の変更が自動でVSCodeのソース管理に上がってくる方法をご教示頂けないでしょうか?

実行環境

ほぼVSCodeのパレットから作成した初期状態のままです。

devcontainer.json

{ "name": "Docker from Docker Compose", "dockerComposeFile": "docker-compose.yml", "service": "app", "workspaceFolder": "/workspace", "forwardPorts": [ 4200 ], "remoteEnv": { "LOCAL_WORKSPACE_FOLDER": "${localWorkspaceFolder}" }, "settings": { "terminal.integrated.shell.linux": "/bin/bash" }, "extensions": [ "ms-azuretools.vscode-docker", ], }

docker-compose.yml

version: '3' services: app: build: context: . dockerfile: Dockerfile init: true volumes: - ..:/workspace:cached - node_modules:/workspace/node_modules command: sleep infinity volumes: node_modules:

Dockerfile

FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:14 RUN apt-get update \ && apt-get autoremove -y \ && apt-get clean -y CMD [ "sleep", "infinity" ]

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問