本教學課程是 介紹 Docker 與 Visual Studio Code （VS Code） 搭配使用的四部分系列的第二部分。
在本教學課程中，您將瞭解如何：
- 更新程式代碼並取代容器。
- 分享您的圖片。
- 在新實例上執行映像。
先決條件
本教學課程會繼續進行上一個教學課程： 使用Visual StudioCode建立容器應用程式。 若要在這裡繼續，您需要第 1 部分的可執行待辦事項清單管理器。
更新程式代碼並取代容器
讓我們進行一些變更，並瞭解如何管理您的容器。
在 檔案中
src/static/js/app.js，更新第 56 行以使用這個新的文字標籤：- <p className="text-center">No items yet! Add one above!</p> + <p className="text-center">You have no todo items yet! Add one above!</p>儲存您的變更。
停止並移除容器的現有版本。 多個容器無法使用相同的埠。
以滑鼠右鍵按兩下 用戶入門 容器，然後選取 [移除]。
![此螢幕快照顯示在容器工具擴充功能中已選取一個容器，並顯示已選取 [移除] 的快捷功能表。](media/vs-remove-container.png)
或者，從命令行使用下列命令來取得容器標識碼。
docker ps然後停止並移除容器：
docker stop <container-id> docker rm <container-id>建置映像的更新版本。 在檔案總管中，滑鼠右鍵點擊 Dockerfile，然後選取 建立映像。
或者，若要在命令行上建置，請將目錄變更為包含 Dockerfile 的資料夾，並使用您之前使用的相同命令。
docker build -t getting-started .啟動使用更新程序代碼的新容器。
docker run -dp 3000:3000 getting-started請在
http://localhost:3000刷新您的瀏覽器以查看更新的說明文字。
分享您的圖片
現在您已建置影像，您可以分享它。 若要共用容器映像，請使用容器登錄。 默認登錄是 Docker Hub，也就是我們所使用的所有映像都來自何處。
若要推送映像，首先，您必須在 Docker Hub 上建立存放庫。
移至 Docker Hub 並登入您的帳戶。
選取 [建立存放庫]。
針對存放庫名稱，輸入
getting-started。 請確定 可見度 為 公用。選取 ，創建。
在頁面右側，您會看到名為 Docker 命令的區段。 本節提供執行 以推送至此存放庫的範例命令。
在 VS Code 的 [容器總管] 中，按兩下 [登錄] 底下的外掛程式圖示，以連線到登錄，然後選擇 [Docker Hub]。
輸入您的 Docker Hub 帳戶名稱和密碼。
在 VS Code 的容器總管中，於 [映像] 底下，以滑鼠右鍵點擊標籤，然後選取[推送]。 輸入命名空間和標記，或接受預設值。
若要使用命令行推送至 Docker Hub，請使用此程式。
登入 Docker Hub：
docker login -u <username>使用下列命令，為 用戶入門 映射提供新的名稱。
docker tag getting-started <username>/getting-started使用下列命令來上傳您的容器。
docker push <username>/getting-started
在新實例上執行映像
既然您的映像已建置並推送至登錄，請嘗試在從未見過此容器映像的新實例上執行應用程式。 若要執行您的應用程式，請使用 Play 搭配 Docker。
開啟瀏覽器以瀏覽 Play with Docker。
使用您的 Docker Hub 帳戶登入。
選取 [開始 ]，然後選取左側列中的 [+ 新增實例 ] 連結。 幾秒鐘后，終端機視窗會在瀏覽器中開啟。
在終端機中，啟動您的應用程式。
docker run -dp 3000:3000 <username>/getting-started使用 Play with Docker 來下載您的映像並啟動它。
選取 [開啟埠] 旁的 3000 徽章。 您應該會看到應用程式已經過修改的樣子。
如果未顯示 3000 徽章，請選取 [開啟埠 ]，然後輸入 3000。
清理資源
請保留到目前為止所做的一切，以繼續這一系列的教學課程。
後續步驟
恭喜。 您已完成第 2 部分，並瞭解如何更新程式代碼，並在新的實例上執行映像。
以下是一些對您有用的資源：
接下來，請嘗試本系列中的下一個教學課程：