arrow_backBack to Chapter

Module: Install Claude Code Extension

Interactive Module
infoYou're viewing as a guest — progress won't be saved. Sign in to track your progress.

Install Claude Code Extension

Learn about the Claude Code extension and why you might use that vs CC in terminal.

The Visual Companion to Agentic Engineering

While Claude Code operates primarily as a command-line agent, the Claude Code VS Code Extension provides a powerful visual layer that bridges the gap between terminal-based execution and IDE-based development. For Salesforce Solution Engineers, this hybrid approach is essential: it allows you to watch the agent manipulate your force-app directory in real-time while maintaining the ability to manually tweak layouts or lightning components in the editor.

Why Use the Extension vs. the CLI?

Choosing between the raw terminal and the VS Code extension isn't an "either/or" decision, but rather a choice of workspace density. The extension offers several key advantages:

  • Visual Context: See exactly which files Claude is analyzing or modifying in your project sidebar without switching windows.
  • Integrated Terminal: The extension automatically manages the environment variables and permissions required for Claude to execute sf commands.
  • Session Persistence: Easily manage and resume long-running agentic tasks that span across multiple Salesforce metadata changes.

By installing the extension, you turn VS Code into a command center where Claude acts as a pair programmer with direct access to your local Salesforce project files and your authenticated orgs.

Test Your Understanding

Complete this check to unlock the Discovery Checklist and Implementation Guide.

bolt

Knowledge Check

What is the primary relationship between the Claude Code CLI and the VS Code Extension?

Which of the following are benefits of using the Claude Code Extension for Salesforce development? (Select all that apply)

Before using the Claude Code extension to modify Salesforce metadata, what must be true?

Discovery Milestones

lockCOMPLETE QUIZ TO UNLOCK
lock

Install the Claude Code Extension

Finish previous step to unlock

lock

Open the Claude Code Chat Window

Finish previous step to unlock

lock

Launch Claude in the Integrated Terminal

Finish previous step to unlock

lightbulb
Expert Guidance

Work through each milestone in sequence. Opening the Implementation Blueprint for each step will give you the production-ready patterns you need to apply the concept immediately.