You're Using Claude
In The Wrong Place

Sources: How the Claude Code VS Code extension works →

If you only know Claude as the desktop app or the website, you are using a tiny piece of what Claude can do. The desktop app is one window with one model and not much you can change. It is fine for a quick question. It is not where the pros work.

The pros run Claude inside VS Code, a free app from Microsoft. Inside VS Code you can switch between AI models, add free tools that make Claude easier to use, and keep your files, your AI, and your other apps in one window. The best part is you do not need to be a coder to use it. This guide walks you through the move step by step.

VS Code is a free app from Microsoft. The full name is Visual Studio Code. It was built for developers, but it is really just a clean window for working with files and tools. You can download it at code.visualstudio.com. It is free forever, with no trial and no credit card, and it runs on both Mac and Windows.

Here is the honest truth up front: you do not need to be a coder. You are not going to write code. You are going to download a free app, add Claude to it, and type to Claude in plain English just like you do now. VS Code is simply a nicer home for Claude than the desktop app.

This takes about five minutes. Do it once and you are set.

Step 1. Download VS Code. Go to code.visualstudio.com, click the big download button, and install it like any other app. It is free.

Step 2. Open the Extensions panel. Open VS Code, then look at the icons running down the left edge. Click the one that looks like four small squares. The fast way is the keyboard: press Cmd+Shift+X on a Mac, or Ctrl+Shift+X on Windows. This opens a search box for add-ons.

Step 3. Search for Claude. In that search box, type Claude Code. The official extension will show up at the top.

Step 4. Click Install. Hit the blue Install button and wait a few seconds. That is the whole install.

Step 5. Sign in. When it asks, sign in with the same Claude account you already use. Claude then opens in a panel on the side of the window, right next to your files. That side panel is your new Claude. You type to it the same way you always have.

In the desktop app you get the model you are given. Inside VS Code you can run more than one. You can install the Claude Code extension and the OpenAI Codex extension side by side, in the same window, using the exact same steps you just learned.

Why bother? Because the best AI model keeps changing. Claude and Codex trade the lead all the time. One month Claude is sharper, the next month the other one pulls ahead. When both live in your VS Code, you just click over to whichever one is stronger that week. You are never stuck waiting on one company to catch up.

The desktop app looks the way it looks and that is that. VS Code has a marketplace with thousands of free add-ons, called extensions, that let you shape the window to fit you. Want a different color scheme, bigger text, or a tool that makes Claude's notes easier to read? There is a free extension for it, and it installs in one click from the same Extensions panel you already opened.

You do not need to go hunting through thousands of them, though. Just below I picked the ones I would install first.

You do not need a pile of these. Start with these seven. Every one is free, installs in one click, and is genuinely useful even if you never write a line of code. Click any name to open it in the marketplace, then install it right from the Extensions panel inside VS Code.

1. Markdown All in One → Claude usually writes back in Markdown, a simple format that uses little symbols for headings and lists. This shows you a clean, formatted preview instead of the raw symbols, so summaries, drafts, and notes are easy to read. This is the one I would install first.

2. Code Spell Checker → A free spell-check that quietly underlines typos as you type, the same way your email does. Handy for anyone writing anything, not just coders.

3. One Dark Pro → The most popular theme on the whole marketplace. One click and the entire window switches to a calm, dark color scheme that is easy on your eyes. If dark is not your thing, search "light theme" in the panel and pick any you like.

4. Material Icon Theme → Gives every kind of file its own little colored icon, so your folders are instantly easier to scan. A tiny change that makes finding the right file much faster.

5. Live Server → If you ever have Claude build you a simple web page, this previews it in your browser and refreshes the second anything changes. Click "Go Live" at the bottom of the window and watch it appear. This is the one that feels like magic.

6. Rainbow CSV → The moment you open a spreadsheet or a list of data (a CSV file), this colors each column so the rows line up and actually make sense to your eye. A lifesaver any time Claude hands you back data.

7. PDF Viewer → Lets you open and read PDFs right inside VS Code. So when Claude is working from a PDF you dropped in your folder, you can read it in the same window instead of flipping to another app.

Right now your work is probably scattered. Your files are in one place, your AI is in another app, and your other tools are somewhere else. You spend your day jumping between windows.

VS Code pulls it all together. Your files live there. Claude lives there. And tools called MCP connectors plug right in, so Claude can reach things like your Google Drive, your notes, or other apps you use, without you leaving the window. Your files, your AI, and your integrations all sit in one place. Less hopping around means you actually get more done.

Once it is set up, using it is simple. Here is a normal day in three moves:

1. Open your folder. Go to the top menu, click File, then Open Folder, and pick the folder that holds whatever you are working on. Now Claude can see those files.

2. Tell Claude what you want. Click into the Claude side panel and type in plain English, the same way you talk to it now. For example: "Read these three notes and write me a one-page summary," or "Rename these files so the dates come first."

3. Let it work. Claude works on the real files in your folder and shows you what it did. You stay in one window the whole time.

Let's be real. The first time you open VS Code, it looks like a cockpit. Menus, panels, buttons everywhere. That is because it was built for developers who use every part of it.

You are not those people, and that is fine. You only need a tiny corner: the Extensions panel to install things, the File menu to open a folder, and the Claude side panel to type. That is it. Everything else can sit there untouched forever. Do not try to learn the whole app. Learn your three buttons and go.