<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>AI編程實戰 on KnightLi的博客</title>
        <link>https://knightli.com/zh-tw/tags/ai%E7%B7%A8%E7%A8%8B%E5%AF%A6%E6%88%B0/</link>
        <description>Recent content in AI編程實戰 on KnightLi的博客</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-tw</language>
        <lastBuildDate>Fri, 20 Mar 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://knightli.com/zh-tw/tags/ai%E7%B7%A8%E7%A8%8B%E5%AF%A6%E6%88%B0/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>如何在 VS Code 中使用 Codex（從安裝到高效實戰）</title>
        <link>https://knightli.com/zh-tw/2026/03/20/%E5%A6%82%E4%BD%95%E5%9C%A8-vs-code-%E4%B8%AD%E4%BD%BF%E7%94%A8-codex/</link>
        <pubDate>Fri, 20 Mar 2026 00:00:00 +0000</pubDate>
        
        <guid>https://knightli.com/zh-tw/2026/03/20/%E5%A6%82%E4%BD%95%E5%9C%A8-vs-code-%E4%B8%AD%E4%BD%BF%E7%94%A8-codex/</guid>
        <description>&lt;p&gt;Codex 可以直接在 VS Code 側邊欄中協助你寫程式、改 Bug、解釋專案與執行命令。&lt;/p&gt;
&lt;h2 id=&#34;1-準備工作&#34;&gt;1. 準備工作
&lt;/h2&gt;&lt;p&gt;開始前請確認：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;VS Code 已更新到較新的穩定版本。&lt;/li&gt;
&lt;li&gt;你可以正常訪問 OpenAI 網站。&lt;/li&gt;
&lt;li&gt;專案程式碼已在本地開啟（建議使用 Git 倉庫）。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;2-安裝擴充套件&#34;&gt;2. 安裝擴充套件
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;開啟 VS Code 的擴充套件市集（Extensions）。&lt;/li&gt;
&lt;li&gt;搜尋並安裝：&lt;code&gt;Codex - Codex - OpenAI&#39;s coding agent&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;安裝完成後，依提示完成登入授權。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;3-開啟-codex-側邊欄&#34;&gt;3. 開啟 Codex 側邊欄
&lt;/h2&gt;&lt;p&gt;你可以透過任一方式開啟：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;在編輯器右上角點擊 &lt;code&gt;Open Codex Sidebar&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;使用命令面板（&lt;code&gt;Ctrl + Shift + P&lt;/code&gt;）搜尋 &lt;code&gt;Codex&lt;/code&gt; 並開啟。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;開啟後，Codex 會讀取目前工作區上下文，進入可對話狀態。&lt;/p&gt;
&lt;h2 id=&#34;4-常見使用方式&#34;&gt;4. 常見使用方式
&lt;/h2&gt;&lt;h3 id=&#34;41-讓它解釋程式碼&#34;&gt;4.1 讓它解釋程式碼
&lt;/h3&gt;&lt;p&gt;示例提示詞：&lt;/p&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-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;請解釋這個檔案的核心邏輯，並指出最可能出錯的 3 個地方。
&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;/p&gt;
&lt;h3 id=&#34;42-讓它實作功能&#34;&gt;4.2 讓它實作功能
&lt;/h3&gt;&lt;p&gt;示例提示詞：&lt;/p&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;span class=&#34;lnt&#34;&gt;2
&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-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;在現有 API 裡新增一個 /healthz 健康檢查介面，
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;要求回傳版本號與資料庫連線狀態，並補上基礎測試。
&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;/p&gt;
&lt;h3 id=&#34;43-讓它修復問題&#34;&gt;4.3 讓它修復問題
&lt;/h3&gt;&lt;p&gt;示例提示詞：&lt;/p&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;span class=&#34;lnt&#34;&gt;2
&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-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;這個介面在併發下偶發 500，請先定位根因，再給出最小改動修復方案，
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;最後列出回歸測試點。
&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;/p&gt;
&lt;h2 id=&#34;5-高品質提示詞模板&#34;&gt;5. 高品質提示詞模板
&lt;/h2&gt;&lt;p&gt;你可以直接複用下面這個結構：&lt;/p&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;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&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-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;背景：這是一個 &amp;lt;技術棧&amp;gt; 專案，目前目標是 &amp;lt;目標&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;約束：不改動 &amp;lt;模組/介面&amp;gt;，相容 &amp;lt;版本/平台&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;輸出：
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;1) 修改檔案列表
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;2) 關鍵程式碼說明
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;3) 驗證步驟
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;4) 風險與回滾方案
&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;/p&gt;
&lt;h2 id=&#34;6-常見問題&#34;&gt;6. 常見問題
&lt;/h2&gt;&lt;h3 id=&#34;61-關於免費額度&#34;&gt;6.1 關於免費額度
&lt;/h3&gt;&lt;p&gt;在對話框輸入 &lt;code&gt;\&lt;/code&gt;，然後選擇「狀態」，會出現額度、重置時間等相關資訊。&lt;/p&gt;
&lt;h3 id=&#34;62-改動不符合預期&#34;&gt;6.2 改動不符合預期
&lt;/h3&gt;&lt;p&gt;修改完成後查看審核按鈕，檢查修改細節；不滿意可選擇撤銷按鈕以回退修改。
在後續步驟中可以把需求拆小，分成多個步驟分別執行。
使用 Git 等程式碼管理工具，保持小步提交（small commits），方便回滾。&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
