<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Docker Desktop on KnightLi的博客</title>
        <link>https://www.knightli.com/zh-tw/tags/docker-desktop/</link>
        <description>Recent content in Docker Desktop on KnightLi的博客</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-tw</language>
        <lastBuildDate>Thu, 16 Apr 2026 10:20:00 +0800</lastBuildDate><atom:link href="https://www.knightli.com/zh-tw/tags/docker-desktop/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Windows 上在 VS Code 建置 Docker 映像：從環境準備到一鍵建置</title>
        <link>https://www.knightli.com/zh-tw/2026/04/16/vscode-docker-image-build-windows/</link>
        <pubDate>Thu, 16 Apr 2026 10:20:00 +0800</pubDate>
        
        <guid>https://www.knightli.com/zh-tw/2026/04/16/vscode-docker-image-build-windows/</guid>
        <description>&lt;p&gt;如果你想在 Windows 上直接用 VS Code 管理並建置 Docker 映像，流程其實不長。核心就是三步：先把環境準備好，再建立 Dockerfile，最後執行建置。&lt;/p&gt;
&lt;h2 id=&#34;01-前置準備&#34;&gt;01 前置準備
&lt;/h2&gt;&lt;p&gt;先確認兩個基礎條件：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;安裝並啟動 Docker Desktop。&lt;/li&gt;
&lt;li&gt;在 VS Code 安裝 Microsoft 官方 &lt;code&gt;Docker&lt;/code&gt; 擴充套件。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;在 Windows 上，建議把 Docker Desktop 切到 &lt;code&gt;WSL 2&lt;/code&gt; 後端（&lt;code&gt;Settings &amp;gt; Resources &amp;gt; WSL Integration&lt;/code&gt;），通常會更穩定、效能也更好。&lt;/p&gt;
&lt;h2 id=&#34;02-準備-dockerfile&#34;&gt;02 準備 Dockerfile
&lt;/h2&gt;&lt;p&gt;如果專案裡還沒有 Dockerfile，可以讓 VS Code 直接產生：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;在 VS Code 開啟你的專案資料夾。&lt;/li&gt;
&lt;li&gt;按 &lt;code&gt;F1&lt;/code&gt; 或 &lt;code&gt;Ctrl+Shift+P&lt;/code&gt; 開啟命令面板。&lt;/li&gt;
&lt;li&gt;執行 &lt;code&gt;Docker: Add Docker Files to Workspace&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;選擇你的平台（例如 Node.js、Python、.NET），依提示完成。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;完成後通常至少會得到：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;Dockerfile&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;.dockerignore&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;這一步的重點是先得到可運作的基礎版本，後續再依需求微調。&lt;/p&gt;
&lt;h2 id=&#34;03-三種建置映像方式&#34;&gt;03 三種建置映像方式
&lt;/h2&gt;&lt;h3 id=&#34;方式-a右鍵-dockerfile&#34;&gt;方式 A：右鍵 Dockerfile
&lt;/h3&gt;&lt;p&gt;在檔案總管中右鍵 &lt;code&gt;Dockerfile&lt;/code&gt;，選擇 &lt;code&gt;Build Image...&lt;/code&gt;，再輸入映像標籤（tag）。&lt;/p&gt;
&lt;h3 id=&#34;方式-b命令面板&#34;&gt;方式 B：命令面板
&lt;/h3&gt;&lt;p&gt;按 &lt;code&gt;F1&lt;/code&gt; 執行 &lt;code&gt;Docker: Build Image&lt;/code&gt;，再依提示選擇上下文與標籤。&lt;/p&gt;
&lt;h3 id=&#34;方式-c整合終端機&#34;&gt;方式 C：整合終端機
&lt;/h3&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;docker build -t your-image-name .
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;這條命令會用目前目錄當建置上下文，建立標籤為 &lt;code&gt;your-image-name&lt;/code&gt; 的映像。&lt;/p&gt;
&lt;h2 id=&#34;04-常見問題快速檢查&#34;&gt;04 常見問題快速檢查
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Docker Desktop 未啟動：先確認程式正在執行。&lt;/li&gt;
&lt;li&gt;建置很慢：優先檢查是否啟用 WSL 2 後端。&lt;/li&gt;
&lt;li&gt;建置失敗顯示找不到檔案：確認執行目錄是專案根目錄，且檔案在建置上下文內。&lt;/li&gt;
&lt;li&gt;VS Code 看不到 Docker 資源：重啟 VS Code，並確認 Docker CLI 可用（&lt;code&gt;docker version&lt;/code&gt;）。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;小結&#34;&gt;小結
&lt;/h2&gt;&lt;p&gt;在 Windows 上用 VS Code 建置 Docker 映像並不困難。先完成 Docker Desktop 與擴充套件安裝，再用命令面板產生 Dockerfile，最後透過 UI 或 &lt;code&gt;docker build&lt;/code&gt; 就能完成日常建置流程。&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
