Claude Code ב-VS Code: diff מוטבע, mentions וניהול שיחות

מאת צוות מדיה דיל · 08.08.2026 · AI · 9 דק׳

מדריך מעשי להרחבת Claude Code ל-VS Code: התקנה, diff מוטבע לצפייה בשינויים, mentions לקבצים ושורות, plan mode עם הערות inline, וניהול שיחות - ואיך כל זה משתלב עם ה-CLI בטרמינל.

אם עד היום השתמשתם ב-Claude Code רק מהטרמינל, ואולי הרגשתם שקצת מתסכל לקפוץ הלוך ושוב בין חלון הטרמינל לעורך הקוד כדי לראות מה בעצם השתנה בקובץ - יש לכם סיבה טובה לעצור רגע. הרחבת ה-VS Code הרשמית של Claude Code הופכת את כל העבודה הזו לחוויה אחת רציפה בתוך העורך עצמו: diff מוטבע שרואים ישירות על הקוד, mentions חכמות לקבצים ושורות ספציפיות, אפשרות לבדוק ולערוך תוכנית לפני שקלוד נוגע בקובץ אחד, והיסטוריית שיחות מלאה שנשארת זמינה בלחיצת כפתור. במאמר הזה נעבור על ההתקנה, הפיצ'רים המרכזיים, איך זה עובד בפועל בסשן אמיתי, ולמה בכלל כדאי לכם לעבוד ככה במקום רק מהטרמינל.

מה זה בעצם ה-extension של Claude Code ל-VS Code

ה-extension הרשמי מספק ממשק גרפי מלא ל-Claude Code, משולב ישירות בתוך VS Code. זו למעשה הדרך המומלצת כיום לעבוד עם Claude Code בתוך VS Code. במקום להריץ פקודות בטרמינל ולעקוב אחרי הפלט כטקסט, מקבלים פאנל שיחה אמיתי בתוך העורך: אפשר לסקור ולערוך תוכניות (plans) לפני שהן מאושרות, להפעיל מצב שבו קלוד מבצע עריכות אוטומטית בלי לבקש אישור על כל שינוי, לעשות mention לקבצים כולל טווחי שורות ספציפיים מתוך הבחירה שלכם בעורך, לגשת להיסטוריית שיחות מלאה, ואפילו לפתוח כמה שיחות במקביל בטאבים או בחלונות נפרדים.

חשוב להבין נקודה אחת: ה-extension כולל עותק פנימי משלו של ה-CLI עבור פאנל הצ'אט. זה אומר שאם תרצו להריץ את הפקודה claude בטרמינל המובנה של VS Code, עדיין תצטרכו להתקין את ה-CLI העצמאי בנפרד. שני האופנים - הפאנל הגרפי וה-CLI בטרמינל - חולקים את אותו מנוע ואותם קבצי הגדרות, אבל הם שני "פתחי כניסה" נפרדים לאותה מערכת.

התקנה: איך מתחילים תוך כמה דקות

לפני ההתקנה כדאי לוודא שני דברים: גרסת VS Code 1.94.0 ומעלה, וחשבון Anthropic - כל מנוי בתשלום (Pro, Max, Team או Enterprise) או חשבון Claude Console מתאימים, ולא נדרש API key בשביל להתחיל. אם אתם ניגשים ל-Claude דרך ספק צד שלישי כמו Amazon Bedrock או Google Cloud, יש הגדרה ייעודית לכך שנסביר בהמשך.

ההתקנה עצמה פשוטה מאוד. בתוך VS Code לוחצים Cmd+Shift+X (במק) או Ctrl+Shift+X (בווינדוס ולינוקס) כדי לפתוח את תצוגת ה-Extensions, מחפשים "Claude Code" ולוחצים Install. ה-extension עובד גם בעורכים מבוססי VS Code כמו Cursor, Devin Desktop או Kiro - פשוט מחפשים "Claude Code" בתצוגת ה-Extensions של אותו עורך, או מתקינים דרך Open VSX registry. אם העורך שלכם לא מאפשר התקנת extensions, תמיד אפשר להתקין את ה-CLI העצמאי ולהריץ claude מתוך הטרמינל המובנה - ה-CLI עובד בכל טרמינל.

אחרי ההתקנה, אם ה-extension לא מופיע, כדאי להפעיל מחדש את VS Code או להריץ "Developer: Reload Window" מתוך ה-Command Palette.

איך פותחים את הפאנל ומתחילים לעבוד

בכל VS Code, סמל ה-Spark (ניצוץ) מסמן את Claude Code. הדרך המהירה ביותר לפתוח את קלוד היא ללחוץ על סמל ה-Spark בפינה הימנית העליונה של העורך - הוא מופיע רק כשיש קובץ פתוח. יש עוד כמה דרכים לפתוח את הפאנל: דרך ה-Activity Bar (הסמל תמיד מופיע בסרגל הצדדי השמאלי ופותח רשימת sessions), דרך ה-Command Palette (Cmd+Shift+P או Ctrl+Shift+P, מקלידים "Claude Code" ובוחרים באפשרות כמו "Open in New Tab"), או דרך שורת הסטטוס למטה שבה מופיע "✱ Claude Code" - זה עובד גם כשאין קובץ פתוח כלל.

בפעם הראשונה שפותחים את הפאנל מופיע מסך התחברות: לוחצים Sign in ומשלימים את תהליך האישור בדפדפן. אחרי ההתחברות מופיעה רשימת "Learn Claude Code" - צ'קליסט קצר להיכרות עם הכלי, שאפשר לעבור עליו או לסגור.

diff מוטבע: הלב של חוויית העריכה

זה אולי הפיצ'ר שהכי משנה את חוויית העבודה היומיומית. כשקלוד רוצה לערוך קובץ, הוא לא כותב שינוי "בעיוורון" - הוא מציג השוואה side-by-side בין הגרסה המקורית לשינוי המוצע, ומבקש אישור. אתם יכולים לאשר, לדחות, או פשוט לספר לקלוד מה לעשות אחרת. ויש כאן פרט חשוב: אם אתם עורכים את התוכן המוצע ישירות בתוך תצוגת ה-diff לפני שאתם מאשרים, קלוד מקבל הודעה שערכתם אותו - כך שהוא לא ממשיך מתוך הנחה שהקובץ תואם בדיוק למה שהוא הציע במקור.

ה-diff המוטבע הזה משתלב עם permission modes שאפשר לעבור ביניהם בלחיצה על אינדיקטור המצב בתחתית תיבת ההקלדה, או לקבוע כברירת מחדל בהגדרות VS Code תחת claudeCode.initialPermissionMode:

• Manual - קלוד מבקש רשות לפני עריכת קבצים ורוב פקודות ה-shell.
• Plan - קלוד מתאר מה הוא הולך לעשות וממתין לאישור לפני שהוא נוגע בכלום.
• Edit automatically - קלוד מבצע עריכות בלי לבקש אישור על כל שינוי.

מעבר לזה, ה-extension תומך ב-checkpoints - מנגנון שעוקב אחרי עריכות הקבצים של קלוד ומאפשר "להריח אחורה" (rewind) למצב קודם. כשעוברים עם העכבר מעל הודעה בשיחה, מופיע כפתור rewind עם שלוש אפשרויות: לפצל את השיחה מאותה נקודה תוך שמירה על השינויים בקוד, להחזיר את הקוד לאותה נקודה תוך שמירה על היסטוריית השיחה המלאה, או לעשות את שניהם יחד.

@-mentions: להצביע בדיוק על מה שרלוונטי

במקום להעתיק-להדביק קטעי קוד לתוך ההודעה, אפשר להשתמש ב-@-mentions כדי לתת לקלוד הקשר על קבצים או תיקיות ספציפיים. מקלידים @ ואז שם קובץ או תיקייה, וקלוד קורא את התוכן ויכול לענות עליו או לערוך אותו. יש תמיכה ב-fuzzy matching, כך שאפשר להקליד רק חלק מהשם - למשל @auth ימצא גם auth.js וגם AuthService.ts. הוספת סלאש בסוף השם, כמו @src/components/, מצביעה על תיקייה שלמה. גם עבור קבצי PDF גדולים אפשר לבקש מקלוד לקרוא עמודים ספציפיים - עמוד בודד, טווח כמו 1-10, או טווח פתוח מעמוד מסוים והלאה.

כשמסמנים טקסט בעורך, קלוד רואה את הבחירה שלכם באופן אוטומטי, ותחתית תיבת ההקלדה מציגה כמה שורות מסומנות. קיצור המקלדת Option+K (במק) או Alt+K (בווינדוס ולינוקס) מוסיף mention עם נתיב הקובץ ומספרי השורות, למשל @app.ts#5-10. לחיצה על אינדיקטור הבחירה מאפשרת להסתיר את הבחירה מקלוד - כשמופיע סמל עין חצויה, זה סימן שהבחירה מוסתרת. אפשר גם לגרור קבצים לתיבת ההקלדה תוך החזקת Shift כדי לצרף אותם כ-attachments, ולהסיר אותם בלחיצה על ה-X.

Plan mode: לבדוק את התוכנית לפני שמתחילים

אחד היתרונות הברורים ביותר של העבודה בתוך העורך בא לידי ביטוי במצב Plan. כאשר עוברים למצב הזה, VS Code פותח את התוכנית שקלוד מציע כמסמך Markdown מלא, שבו אפשר להוסיף הערות inline (inline comments) ולתת פידבק לפני שקלוד בכלל מתחיל לבצע שינויים. זה משמעותי כי זה הופך את שלב התכנון משיחה חד-כיוונית לתהליך עריכה אמיתי - ממש כמו לעבור על מסמך עיצוב לפני שמתחילים לכתוב קוד.

לצד מצבי ההרשאה, תיבת ההקלדה כוללת גם תפריט פקודות שנפתח בהקלדת /. משם אפשר לצרף קבצים, להחליף מודל, להפעיל extended thinking (חשיבה מורחבת שבה קלוד משקיע יותר זמן בהיגיון מאחורי בעיות מורכבות), לבדוק שימוש עם /usage, ולפתוח sessions מסוג Remote Control. תפריט ה-Customize נותן גישה ל-MCP servers, hooks, memory, permissions ו-plugins. יש גם אינדיקטור context שמראה כמה מחלון ההקשר של קלוד תפוס - כשצריך, קלוד מבצע compact אוטומטי, אבל אפשר גם להריץ /compact ידנית.

ניהול שיחות: session history וכמה סשנים במקביל

לחיצה על כפתור Session history בראש הפאנל פותחת את היסטוריית השיחות שלכם - אפשר לחפש לפי מילת מפתח או לדפדף לפי זמן (היום, אתמול, שבעה הימים האחרונים וכו'). לחיצה על שיחה כלשהי ממשיכה אותה עם כל היסטוריית ההודעות. שיחות חדשות מקבלות כותרת שנוצרת אוטומטית לפי ההודעה הראשונה, ואפשר לשנות שם או להסיר שיחה מהרשימה.

מי שעובד גם עם Claude Code on the web יכול להמשיך sessions בענן ישירות בתוך VS Code - בתנאי שהתחברתם עם חשבון Claude.ai Subscription (לא Anthropic Console). בדיאלוג ה-Session history יש שני טאבים, Local ו-Web; רק סשנים שהתחילו עם ריפו GitHub מופיעים בטאב ה-Web, וכשמחזירים אותם הם נטענים מקומית - השינויים לא מסתנכרנים בחזרה לclaude.ai.

מעבר להיסטוריה, אפשר לפתוח כמה שיחות במקביל דרך Open in New Tab או Open in New Window מתוך ה-Command Palette. כל שיחה שומרת היסטוריה והקשר משלה, כך שאפשר לעבוד על כמה משימות במקביל בלי שהן "ידרסו" זו את זו. כשמשתמשים בטאבים, נקודה צבעונית קטנה על סמל ה-Spark מציינת סטטוס: כחול אומר שיש בקשת הרשאה ממתינה, כתום אומר שקלוד סיים בזמן שהטאב היה מוסתר.

אפשר גם לגרור את פאנל קלוד למיקומים שונים בתוך VS Code: Secondary sidebar בצד ימין (שומר את קלוד גלוי כל הזמן), Primary sidebar בצד שמאל, או אזור העורך עצמו כטאב נפרד למשימות צדדיות. VS Code זוכר את המיקום המועדף עליכם.

איך זה מתחבר ל-CLI בטרמינל

נקודה מרכזית שכדאי להבין: ה-extension וה-CLI חולקים את אותה היסטוריית שיחות ואת אותם קובצי הגדרות. הגדרות ה-extension עצמו (כמו מיקום ברירת המחדל של הפאנל או מצב ההרשאה ההתחלתי) מוגדרות בתוך VS Code Settings, אבל הגדרות Claude Code עצמן - allowed commands, environment variables, hooks, MCP servers - נשמרות בקובץ ~/.claude/settings.json, וזה קובץ משותף בין ה-extension ל-CLI. כלומר אם תגדירו hook או MCP server מהטרמינל, הוא יהיה זמין גם בפאנל הגרפי, ולהיפך.

כדי להמשיך שיחה שהתחילה בפאנל הגרפי בתוך הטרמינל, מריצים claude --resume - זה פותח בורר אינטראקטיבי לחיפוש ובחירת השיחה. וכדי להריץ את ה-CLI בלי לצאת מ-VS Code, פותחים את הטרמינל המובנה (Ctrl+` בווינדוס ולינוקס או Cmd+` במק) ומריצים claude - ה-CLI מתחבר אוטומטית ל-IDE לצורך פיצ'רים כמו diff viewing ושיתוף diagnostics.

מאחורי הקלעים, כשה-extension פעיל הוא מריץ שרת MCP מקומי בשם ide שה-CLI מתחבר אליו אוטומטית - כך ה-CLI פותח diffs בתצוגה הנייטיבית של VS Code, קורא את הבחירה הנוכחית שלכם לצורך @-mentions, ואפילו מבקש מ-VS Code להריץ תאים ב-Jupyter notebook. השרת הזה רץ רק על localhost (127.0.0.1), עם פורט אקראי וטוקן אימות ייחודי שנוצר בכל הפעלה, כך שהחיבור מוגבל למחשב שלכם בלבד.

חשוב גם לדעת שלא כל הפיצ'רים של ה-CLI זמינים בפאנל הגרפי. למשל, פקודות וskills זמינים ב-CLI במלואם אבל רק חלק מהם מופיעים בפאנל (מקלידים / כדי לראות מה זמין), קיצור ה-! להרצת bash ו-tab completion זמינים רק ב-CLI, ואילו checkpoints זמינים בשניהם. כשצריך פיצ'ר שקיים רק ב-CLI, פשוט פותחים את הטרמינל המובנה ומריצים claude משם.

דוגמה מהחיים: סשן עריכה אמיתי

נניח שאתם עובדים על באג בקומפוננטת התחברות. פותחים את הקובץ הרלוונטי, מסמנים את הפונקציה שחשודה כבעייתית, ולוחצים Option+K (או Alt+K) כדי להוסיף mention אוטומטי עם נתיב הקובץ וטווח השורות. כותבים הודעה כמו "תבדוק למה ה-token לא מתחדש אחרי refresh" ושולחים.

קלוד קורא את הקוד המסומן, אולי מוסיף mention נוסף לקובץ קונפיגורציה עם @config, ומזהה את הבעיה. אם אתם במצב Plan, הוא יציג קודם תוכנית - מסמך Markdown שמסביר בדיוק אילו קבצים ישתנו ואיך - ואתם יכולים להגיב עליו ישירות בהערות inline לפני שהוא נוגע בקוד. אחרי אישור, קלוד עובר למצב עריכה ומציג diff side-by-side על כל קובץ שהוא משנה. רואים בדיוק אילו שורות נמחקות ואילו מתווספות, ואם משהו לא בדיוק כמו שרציתם, אפשר לערוך את התצוגה המוצעת ישירות ואז לאשר - וקלוד "יודע" שהתוכן שונה מהצעתו המקורית.

אחרי שהעריכה הושלמה, אפשר לבקש מקלוד לכתוב הודעת commit ולפתוח pull request - ממש מתוך הפאנל, בלי לצאת לטרמינל בכלל. ואם באמצע התהליך מתברר שכיוון מסוים לא נכון, אפשר להשתמש ב-checkpoints: לעבור עם העכבר מעל הודעה קודמת בשיחה, וללחוץ Rewind code to here כדי להחזיר את הקבצים למצב שהיה לפני שהניסיון הכושל התחיל, בלי לאבד את היסטוריית השיחה.

גם MCP וגם Git, בלי לצאת מהעורך

ה-extension כולל ממשק גרפי לניהול plugins - מקלידים /plugins ונפתח דיאלוג עם טאבים ל-Plugins ול-Marketplaces, כולל אפשרות להתקין plugin לפרויקט הנוכחי, לכל הפרויקטים שלכם, או רק מקומית. גם ניהול ה-plugins משתמש מתחת לקפוץ באותן פקודות CLI, כך שהגדרות שעשיתם בטרמינל יופיעו גם ב-extension ולהיפך.

לגבי MCP servers - הוספת שרת חדש עדיין דורשת טרמינל (claude mcp add), אבל ברגע שהוא מוגדר אפשר לנהל אותו לגמרי מתוך הפאנל: להקליד /mcp כדי להפעיל, לכבות, להתחבר מחדש או לנהל אימות OAuth לשרת.

העבודה עם Git גם היא טבעית מתוך הפאנל - אפשר לבקש מקלוד "תעשה commit לשינויים עם הודעה תיאורית" או "תפתח PR לפיצ'ר הזה", והוא כותב תיאורים על סמך השינויים בפועל בקוד, כולל הקשר על בדיקות או החלטות מימוש.

מתי כדאי להשתמש ב-extension ומתי בטרמינל

אם אתם עובדים בעיקר בתוך VS Code (או Cursor, או כל fork אחר שתומך ב-extension), הפאנל הגרפי הוא הדרך הטבעית לעבוד - יש לכם diff מוטבע, ניהול שיחות ויזואלי, ו-plan mode עם הערות inline שקשה לשחזר בנוחות דומה בטרמינל. מצד שני, אם אתם צריכים פיצ'רים כמו הרצת סקריפטים דרך !, tab completion, או את כל מגוון הפקודות והskills המלא, שווה לפתוח את הטרמינל המובנה ולהריץ claude משם - זה עדיין אותו מנוע, אותה הגדרות, ואפילו אותה היסטוריית שיחות. הרבה צוותים בפועל עובדים בשילוב: פאנל גרפי לעבודה היומיומית מול קוד, וטרמינל כשצריך שליטה עדינה יותר.

אם אתם רוצים להעמיק גם בפיצ'רים המתקדמים יותר של Claude Code - custom skills ופקודות, אוטומציות ו-hooks - כדאי להציץ במדריך שלנו לskills ופקודות מותאמות אישית ב-Claude Code. ומי שעובד ב-JetBrains ולא ב-VS Code, מוזמן לקרוא את המדריך המקביל לClaude Code ב-JetBrains. ולמי שרק מתחיל את הדרך עם הכלי כולו, יש לנו מדריך מקיף ל-Claude Code שמכסה את התמונה המלאה.

שאלות נפוצות

האם צריך API key כדי להתקין את ה-extension?

לא. מספיק חשבון Anthropic - כל מנוי בתשלום (Pro, Max, Team או Enterprise) או חשבון Claude Console - ומתחברים דרך תהליך אישור בדפדפן בפעם הראשונה שפותחים את הפאנל. מי שמשתמש בספק צד שלישי כמו Amazon Bedrock או Google Cloud עדיין יכול, אך צריך להגדיר זאת בנפרד דרך VS Code Settings.

מה ההבדל בין הרצת claude בטרמינל לבין השימוש ב-extension?

ה-extension כולל עותק פנימי משלו של ה-CLI רק לצורך פאנל הצ'אט הגרפי, ואינו מוסיף את הפקודה claude ל-PATH של המערכת. כדי להריץ claude בטרמינל המובנה של VS Code, צריך להתקין את ה-CLI העצמאי בנפרד. שני הממשקים חולקים את אותה היסטוריית שיחות ואת אותו קובץ ~/.claude/settings.json.

איך עובד ה-plan mode בפועל בתוך VS Code?

כשעוברים למצב Plan, קלוד מתאר קודם מה הוא הולך לעשות וממתין לאישור לפני שהוא נוגע בקבצים. VS Code פותח את התוכנית כמסמך Markdown מלא שאפשר להוסיף עליו הערות inline ולתת פידבק, כך שהתכנון עובר בדיקה אמיתית לפני שהעריכה בפועל מתחילה.

איך ה-@-mention עובד עם קבצים גדולים או PDF?

מקלידים @ ואז שם קובץ או תיקייה, עם תמיכה ב-fuzzy matching כך שחלק מהשם מספיק. עבור קבצי PDF גדולים אפשר לבקש מקלוד לקרוא עמוד בודד, טווח עמודים (למשל 1-10), או טווח פתוח מעמוד מסוים והלאה, במקום את כל הקובץ.

אפשר לחזור אחורה אם קלוד עשה שינוי שלא רציתי?

כן, דרך checkpoints. עוברים עם העכבר מעל כל הודעה בשיחה ומופיע כפתור rewind עם שלוש אפשרויות: לפצל שיחה חדשה מאותה נקודה תוך שמירה על השינויים, להחזיר את הקוד לאותה נקודה תוך שמירה על היסטוריית השיחה המלאה, או שילוב של שניהם.

ה-extension עובד רק ב-VS Code הרגיל?

הוא מתקין גם בעורכים מבוססי VS Code כמו Cursor, Devin Desktop או Kiro, דרך תצוגת ה-Extensions של אותו עורך או דרך Open VSX registry. הדרישה הבסיסית היא VS Code (או ה-fork שלו) בגרסה 1.94.0 ומעלה.

ה-extension הופך את Claude Code מכלי טרמינל לשותף עבודה שיושב ממש בתוך הסביבה שבה אתם כבר כותבים קוד - עם diff מוטבע, mentions מדויקות, plan mode לבדיקה מראש, וכל היתרונות של ה-CLI מתחת למכסה. אם עוד לא ניסיתם, זו נקודת התחלה טובה. ואם אתם רוצים עזרה בהטמעה של Claude Code בצוות שלכם, בבניית workflow מותאם, או בכל שאלה טכנית אחרת - אנחנו כאן. דברו איתנו בוואטסאפ

תגיות: Claude Code VS Code · הרחבת Claude Code · Claude Code extension · AI בעורך קוד · plan mode · diff מוטבע · Claude Code CLI

← חזרה לבלוג · צור קשר