<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>JetBrains &#8211; 小人物看世界</title>
	<atom:link href="https://blog.che-ya.com/tag/jetbrains/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.che-ya.com</link>
	<description>軟體工程師的技術筆記</description>
	<lastBuildDate>Wed, 08 Apr 2026 08:06:26 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.che-ya.com/wp-content/uploads/2021/08/cropped-APP_icon-32x32.png</url>
	<title>JetBrains &#8211; 小人物看世界</title>
	<link>https://blog.che-ya.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>JetBrains 整合：IntelliJ/WebStorm 中使用 Claude</title>
		<link>https://blog.che-ya.com/jetbrains-%e6%95%b4%e5%90%88%ef%bc%9aintellij-webstorm-%e4%b8%ad%e4%bd%bf%e7%94%a8-claude/</link>
		
		<dc:creator><![CDATA[ㄚ槌]]></dc:creator>
		<pubDate>Sat, 25 Apr 2026 03:52:00 +0000</pubDate>
				<category><![CDATA[IDE 整合]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[AI 編程工具]]></category>
		<category><![CDATA[Anthropic]]></category>
		<category><![CDATA[IDE]]></category>
		<category><![CDATA[JetBrains]]></category>
		<guid isPermaLink="false">https://blog.che-ya.com/?p=838</guid>

					<description><![CDATA[Claude Code 不僅能在終端機獨立運行，更可以與主流 IDE 深度整合。前一篇我們介紹了 VS Cod ... <a title="JetBrains 整合：IntelliJ/WebStorm 中使用 Claude" class="read-more" href="https://blog.che-ya.com/jetbrains-%e6%95%b4%e5%90%88%ef%bc%9aintellij-webstorm-%e4%b8%ad%e4%bd%bf%e7%94%a8-claude/" aria-label="Read more about JetBrains 整合：IntelliJ/WebStorm 中使用 Claude">閱讀全文</a>]]></description>
										<content:encoded><![CDATA[
<p>Claude Code 不僅能在終端機獨立運行，更可以與主流 IDE 深度整合。前一篇我們介紹了 VS Code 的擴充功能，這次要帶你走進 JetBrains 生態系。無論你使用的是 IntelliJ IDEA、WebStorm、PyCharm 還是 GoLand，都可以透過官方 Plugin 讓 Claude Code 直接在 IDE 中運作，享受 Diff 檢視、選取內容共享、診斷訊息同步等整合功能。本篇教學將從安裝設定開始，一步步帶你完成 JetBrains IDE 的 Claude Code 整合。</p>



<h2 class="wp-block-heading">支援的 JetBrains IDE 總覽</h2>



<p>Claude Code 的 JetBrains Plugin 目前處於 Beta 階段，但已支援絕大多數 JetBrains 系列 IDE。以下是官方確認支援的 IDE 列表：</p>



<figure class="wp-block-table"><table><thead><tr><th>IDE</th><th>主要用途</th><th>支援狀態</th></tr></thead><tbody><tr><td>IntelliJ IDEA</td><td>Java / Kotlin 開發</td><td>✅ 支援</td></tr><tr><td>WebStorm</td><td>JavaScript / TypeScript 開發</td><td>✅ 支援</td></tr><tr><td>PyCharm</td><td>Python 開發</td><td>✅ 支援</td></tr><tr><td>GoLand</td><td>Go 開發</td><td>✅ 支援</td></tr><tr><td>PhpStorm</td><td>PHP 開發</td><td>✅ 支援</td></tr><tr><td>Android Studio</td><td>Android 應用開發</td><td>✅ 支援</td></tr></tbody></table></figure>



<p>只要你的 JetBrains IDE 支援 Plugin Marketplace，基本上都能安裝 Claude Code Plugin。如果你同時使用多個 JetBrains IDE，每個 IDE 都需要個別安裝 Plugin。</p>



<h2 class="wp-block-heading">安裝與環境準備</h2>



<h3 class="wp-block-heading">前置條件</h3>



<p>在安裝 JetBrains Plugin 之前，你需要先確保 Claude Code CLI 已經安裝在系統上。如果還沒安裝，請透過 npm 進行安裝：</p>



<pre class="wp-block-code"><code class="">npm install -g @anthropic-ai/claude-code</code></pre>



<p>安裝完成後，在終端機執行 <code>claude</code> 確認可以正常啟動，並完成帳號登入。這是 JetBrains Plugin 運作的基礎，因為 Plugin 本質上是在 IDE 內部呼叫 Claude Code CLI。</p>



<h3 class="wp-block-heading">安裝 JetBrains Plugin</h3>



<p>安裝 Plugin 有兩種方式，你可以選擇最方便的一種：</p>



<p><strong>方法一：從 IDE 內部安裝</strong></p>



<p>開啟你的 JetBrains IDE，進入 <code>Settings → Plugins → Marketplace</code>，搜尋「Claude Code」，找到標示為 [Beta] 的官方 Plugin，點擊 Install 並重新啟動 IDE。</p>



<p><strong>方法二：從 JetBrains Marketplace 網站安裝</strong></p>



<p>前往 JetBrains Marketplace 搜尋 Claude Code Plugin，點擊 Install 按鈕，系統會自動開啟你的 IDE 並完成安裝。安裝後務必重新啟動 IDE，有時候可能需要重啟多次才能完全生效。</p>



<h2 class="wp-block-heading">核心功能介紹</h2>



<p>JetBrains Plugin 的設計理念是將 Claude Code 的強大能力無縫嵌入你熟悉的開發環境中。以下是幾個核心功能：</p>



<h3 class="wp-block-heading">快速啟動（Quick Launch）</h3>



<p>安裝 Plugin 後，你可以透過快捷鍵快速呼叫 Claude Code，不需要手動切換到終端機。在 macOS 上使用 <code>Cmd+Esc</code>，在 Windows/Linux 上使用 <code>Ctrl+Esc</code>，即可直接在 IDE 中開啟 Claude Code 介面。你也可以點擊 IDE 工具列上的 Claude Code 按鈕來啟動。</p>



<h3 class="wp-block-heading">IDE 內建 Diff 檢視</h3>



<p>這是 JetBrains Plugin 最實用的功能之一。當 Claude 提出程式碼修改建議時，變更內容會直接在 IDE 的 Diff Viewer 中顯示，而不是在終端機裡用純文字呈現。你可以用 JetBrains 原生的並排比對介面來檢視修改前後的差異，逐行確認後再決定是否接受。這比在終端機中閱讀 patch 格式的輸出要直觀得多。</p>



<h3 class="wp-block-heading">選取內容自動共享</h3>



<p>當你在編輯器中選取一段程式碼，Plugin 會自動將選取的內容與目前開啟的檔案資訊傳送給 Claude Code。這意味著你不需要手動複製貼上程式碼，Claude 就能理解你正在處理的上下文。搭配快捷鍵 <code>Cmd+Option+K</code>（macOS）或 <code>Alt+Ctrl+K</code>（Windows/Linux），你還可以快速插入檔案參考（例如 <code>@File#L1-99</code>），精確指定 Claude 應該關注的程式碼範圍。</p>



<h3 class="wp-block-heading">診斷訊息同步</h3>



<p>你的 IDE 偵測到的所有診斷資訊——包括語法錯誤、lint 警告、型別錯誤等——都會自動同步給 Claude。這讓 Claude 可以主動發現問題並提供修正建議，不需要你額外描述錯誤訊息的內容。當你正在除錯時，這個功能特別有用。</p>



<h2 class="wp-block-heading">Terminal 整合方式</h2>



<p>在 JetBrains IDE 中使用 Claude Code，有兩種主要的 Terminal 整合方式：</p>



<h3 class="wp-block-heading">從 IDE 內建終端機啟動</h3>



<p>最簡單的方式就是直接在 JetBrains IDE 的內建終端機中執行 <code>claude</code> 指令。當 Plugin 已安裝且 IDE 正在運行時，所有整合功能（Diff 檢視、選取共享、診斷同步）都會自動啟用，不需要額外設定。</p>



<pre class="wp-block-code"><code class=""># 在 JetBrains IDE 的內建終端機中
claude</code></pre>



<h3 class="wp-block-heading">從外部終端機連接</h3>



<p>如果你習慣使用外部終端機（例如 iTerm2、Windows Terminal 或系統終端機），可以在啟動 Claude Code 後使用 <code>/ide</code> 指令來連接你的 JetBrains IDE：</p>



<pre class="wp-block-code"><code class=""># 在外部終端機中
claude

# 進入 Claude Code 後輸入
/ide</code></pre>



<p>使用外部終端機時，建議從與 IDE 專案相同的根目錄啟動 Claude Code，這樣 Claude 才能正確存取你的專案檔案。</p>



<h2 class="wp-block-heading">快捷鍵與操作技巧</h2>



<p>熟悉快捷鍵是提升 Claude Code 在 JetBrains IDE 中使用效率的關鍵。以下是所有重要的快捷鍵整理：</p>



<figure class="wp-block-table"><table><thead><tr><th>功能</th><th>macOS</th><th>Windows / Linux</th></tr></thead><tbody><tr><td>開啟 Claude Code</td><td><code>Cmd+Esc</code></td><td><code>Ctrl+Esc</code></td></tr><tr><td>插入檔案參考</td><td><code>Cmd+Option+K</code></td><td><code>Alt+Ctrl+K</code></td></tr><tr><td>中斷 Claude 操作</td><td><code>Esc</code></td><td><code>Esc</code></td></tr><tr><td>多行輸入</td><td><code>Option+Enter</code></td><td>需在設定中啟用</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">ESC 鍵衝突處理</h3>



<p>在 JetBrains IDE 中，ESC 鍵預設的行為是將焦點從終端機移回編輯器。這會導致你無法用 ESC 中斷 Claude Code 的操作。要解決這個問題，進入 <code>Settings → Tools → Terminal</code>，取消勾選「Move focus to the editor with Escape」，或者點擊「Configure terminal keybindings」刪除「Switch focus to Editor」的快捷鍵設定。</p>



<h3 class="wp-block-heading">實用操作技巧</h3>



<p>除了快捷鍵之外，以下幾個技巧可以讓你的使用體驗更順暢：</p>



<p><strong>善用選取 + 快捷鍵工作流</strong>：先在編輯器中選取你想修改的程式碼，然後按 <code>Cmd+Esc</code> 開啟 Claude Code，選取的內容會自動作為上下文傳送。接著直接描述你想要的修改，Claude 就會根據選取的程式碼給出建議。</p>



<p><strong>使用 @ 符號引用檔案</strong>：在 Claude Code 的對話中，你可以用 <code>@filename</code> 的方式引用專案中的檔案。搭配 <code>Cmd+Option+K</code> 快捷鍵可以快速插入目前編輯中檔案的參考，包含行號範圍。</p>



<p><strong>自訂 Claude 指令路徑</strong>：如果你的 Claude Code CLI 安裝在非標準路徑，可以在 <code>Settings → Tools → Claude Code [Beta]</code> 中設定自訂的指令路徑，例如 <code>/usr/local/bin/claude</code> 或 <code>npx @anthropic/claude</code>。</p>



<h2 class="wp-block-heading">與 VS Code 版的功能差異比較</h2>



<p>Claude Code 在 VS Code 和 JetBrains 中的整合方式有本質上的差異。VS Code 版提供的是原生圖形化介面（GUI Extension），而 JetBrains 版主要是透過 Plugin 將 CLI 嵌入 IDE 的終端機環境。以下是詳細的功能比較：</p>



<figure class="wp-block-table"><table><thead><tr><th>功能項目</th><th>VS Code</th><th>JetBrains</th></tr></thead><tbody><tr><td>介面類型</td><td>原生 GUI 面板</td><td>CLI 嵌入終端機</td></tr><tr><td>Diff 檢視</td><td>✅ IDE 內建 Diff</td><td>✅ IDE 內建 Diff</td></tr><tr><td>選取內容共享</td><td>✅ 支援</td><td>✅ 支援</td></tr><tr><td>診斷訊息同步</td><td>✅ 支援</td><td>✅ 支援</td></tr><tr><td>多對話分頁</td><td>✅ 多分頁 / 多視窗</td><td>❌ 不支援</td></tr><tr><td>對話歷史瀏覽</td><td>✅ GUI 列表</td><td>⚠️ 僅 CLI 方式</td></tr><tr><td>Plan 模式</td><td>✅ 完整支援</td><td>⚠️ 僅 CLI 方式</td></tr><tr><td>Plugin 管理介面</td><td>✅ GUI 管理</td><td>⚠️ 僅 CLI 方式</td></tr><tr><td>Checkpoint（程式碼還原點）</td><td>✅ GUI 支援</td><td>✅ CLI 支援</td></tr><tr><td>快速啟動快捷鍵</td><td><code>Cmd+Esc</code></td><td><code>Cmd+Esc</code></td></tr><tr><td>@ 檔案引用</td><td><code>Option+K</code></td><td><code>Cmd+Option+K</code></td></tr><tr><td>URI Handler 支援</td><td>✅ 支援</td><td>❌ 不支援</td></tr></tbody></table></figure>



<p>從比較中可以看出，VS Code 版在 GUI 整合方面更為完善，提供了原生面板、多對話管理、Plugin GUI 管理等功能。而 JetBrains 版雖然在介面上相對簡約，但核心的 Diff 檢視、選取共享和診斷同步功能同樣完整。如果你是 JetBrains 的重度使用者，不需要為了 Claude Code 切換到 VS Code，JetBrains Plugin 已經能滿足大部分開發需求。</p>



<h2 class="wp-block-heading">Plugin 設定詳解</h2>



<p>安裝 Plugin 後，你可以在 <code>Settings → Tools → Claude Code [Beta]</code> 中進行細部設定。以下是各項設定的說明：</p>



<figure class="wp-block-table"><table><thead><tr><th>設定項目</th><th>說明</th><th>預設值</th></tr></thead><tbody><tr><td>Claude command</td><td>指定 Claude CLI 的執行路徑</td><td><code>claude</code></td></tr><tr><td>Suppress notification</td><td>隱藏找不到 Claude 指令的通知</td><td>關閉</td></tr><tr><td>Enable Option+Enter</td><td>啟用 Option+Enter 進行多行輸入（僅 macOS）</td><td>關閉</td></tr><tr><td>Enable automatic updates</td><td>自動檢查並安裝 Plugin 更新</td><td>開啟</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">特殊環境設定</h2>



<h3 class="wp-block-heading">Remote Development 遠端開發</h3>



<p>如果你使用 JetBrains 的 Remote Development 功能進行遠端開發，有一個非常重要的注意事項：Plugin 必須安裝在遠端主機上，而不是你的本地客戶端。進入 <code>Settings → Plugin (Host)</code> 進行安裝，否則 Plugin 將無法正常運作。</p>



<h3 class="wp-block-heading">WSL（Windows Subsystem for Linux）設定</h3>



<p>Windows 使用者如果透過 WSL 執行開發環境，需要額外的設定才能讓 IDE 正確偵測 Claude Code。首先，在 Plugin 設定中將 Claude command 設為：</p>



<pre class="wp-block-code"><code class="">wsl -d Ubuntu -- bash -lic "claude"</code></pre>



<p>將指令中的 <code>Ubuntu</code> 替換為你實際使用的 WSL 發行版名稱。此外，可能還需要調整 WSL 的網路模式和防火牆設定，詳細步驟可參考官方的 WSL 疑難排解指南。</p>



<h2 class="wp-block-heading">常見問題與疑難排解</h2>



<p>在使用 JetBrains Plugin 的過程中，你可能會遇到一些常見問題。以下是排解方式整理：</p>



<h3 class="wp-block-heading">Plugin 安裝後沒有反應</h3>



<p>這是最常見的問題。請依序檢查以下項目：確認 Claude Code CLI 已正確安裝（執行 <code>npm list -g @anthropic-ai/claude-code</code> 檢查）、確認 Plugin 在 IDE 設定中處於啟用狀態、完全關閉並重新啟動 IDE（有時需要重啟多次）、確認你是從專案根目錄啟動 Claude Code。</p>



<h3 class="wp-block-heading">IDE 無法被偵測</h3>



<p>如果你從外部終端機啟動 Claude Code，但 <code>/ide</code> 指令無法偵測到你的 JetBrains IDE，請確認 Plugin 已安裝並啟用、IDE 正在運行中、嘗試完全重新啟動 IDE。WSL 使用者需要額外確認網路設定是否正確。</p>



<h3 class="wp-block-heading">點擊 Claude 按鈕顯示 Command Not Found</h3>



<p>這表示 Plugin 找不到 Claude Code CLI。解決方式：先確認 CLI 已安裝（<code>npm list -g @anthropic-ai/claude-code</code>），然後在 Plugin 設定中明確指定 Claude 指令的完整路徑。如果你使用 nvm 等版本管理工具，CLI 的路徑可能不在預設的 PATH 中，需要手動設定。</p>



<h2 class="wp-block-heading">安全性注意事項</h2>



<p>在 JetBrains IDE 中使用 Claude Code 時，需要特別注意安全性。當 Claude Code 以自動編輯（auto-edit）權限運行時，它可能會修改 IDE 的設定檔案，而這些檔案可能被 IDE 自動執行。這意味著存在繞過 Claude Code 權限提示的風險。</p>



<p>為了降低風險，建議你：使用手動核准模式（manual approval mode）來審查每一次編輯、確保 Claude 只處理來自信任來源的提示、注意 Claude Code 有權限修改哪些檔案。這些安全建議在團隊協作環境中尤其重要。</p>



<h2 class="wp-block-heading">總結</h2>



<p>JetBrains IDE 中使用 Claude Code 的體驗，雖然在 GUI 層面不如 VS Code 版本豐富，但核心功能——Diff 檢視、選取共享、診斷同步——一個都沒少。對於 JetBrains 生態系的開發者來說，不需要為了使用 Claude Code 而切換 IDE，透過 Plugin 就能在熟悉的開發環境中享受 AI 輔助開發的便利。</p>



<p>安裝流程很簡單：裝好 CLI、裝好 Plugin、重啟 IDE，三步就搞定。日常使用時善用 <code>Cmd+Esc</code> 快速啟動和 <code>Cmd+Option+K</code> 檔案引用快捷鍵，就能大幅提升與 Claude 協作的效率。如果你同時使用多個 JetBrains IDE，記得每個 IDE 都需要個別安裝 Plugin。</p>



<p>下一篇文章，我們將繼續探索 Claude Code 的進階功能。如果你在整合過程中遇到任何問題，歡迎在下方留言討論。</p>
<div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img alt='ㄚ槌' src='https://secure.gravatar.com/avatar/9914399915f96350f302945e8ddddee1a9b1995350182f513fd2e1fa816c100a?s=100&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/9914399915f96350f302945e8ddddee1a9b1995350182f513fd2e1fa816c100a?s=200&#038;d=mm&#038;r=g 2x' class='avatar avatar-100 photo' height='100' width='100' itemprop="image"/></div><div class="saboxplugin-authorname"><a href="https://blog.che-ya.com/author/a3230230/" class="vcard author" rel="author"><span class="fn">ㄚ槌</span></a></div><div class="saboxplugin-desc"><div itemprop="description"></div></div><div class="saboxplugin-web "><a href="https://blog.che-ya.com" target="_self" >blog.che-ya.com</a></div><div class="clearfix"></div></div></div><p><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fblog.che-ya.com%2Fjetbrains-%25e6%2595%25b4%25e5%2590%2588%25ef%25bc%259aintellij-webstorm-%25e4%25b8%25ad%25e4%25bd%25bf%25e7%2594%25a8-claude%2F&amp;linkname=JetBrains%20%E6%95%B4%E5%90%88%EF%BC%9AIntelliJ%2FWebStorm%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20Claude" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fblog.che-ya.com%2Fjetbrains-%25e6%2595%25b4%25e5%2590%2588%25ef%25bc%259aintellij-webstorm-%25e4%25b8%25ad%25e4%25bd%25bf%25e7%2594%25a8-claude%2F&amp;linkname=JetBrains%20%E6%95%B4%E5%90%88%EF%BC%9AIntelliJ%2FWebStorm%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20Claude" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_x" href="https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fblog.che-ya.com%2Fjetbrains-%25e6%2595%25b4%25e5%2590%2588%25ef%25bc%259aintellij-webstorm-%25e4%25b8%25ad%25e4%25bd%25bf%25e7%2594%25a8-claude%2F&amp;linkname=JetBrains%20%E6%95%B4%E5%90%88%EF%BC%9AIntelliJ%2FWebStorm%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20Claude" title="X" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fblog.che-ya.com%2Fjetbrains-%25e6%2595%25b4%25e5%2590%2588%25ef%25bc%259aintellij-webstorm-%25e4%25b8%25ad%25e4%25bd%25bf%25e7%2594%25a8-claude%2F&#038;title=JetBrains%20%E6%95%B4%E5%90%88%EF%BC%9AIntelliJ%2FWebStorm%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20Claude" data-a2a-url="https://blog.che-ya.com/jetbrains-%e6%95%b4%e5%90%88%ef%bc%9aintellij-webstorm-%e4%b8%ad%e4%bd%bf%e7%94%a8-claude/" data-a2a-title="JetBrains 整合：IntelliJ/WebStorm 中使用 Claude"></a></p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
