--- title: How To Use Claude Code In Visual Studio Code - Step by Step description: ✅ Claim your FREE $499 Masterclass: Build & Sell Apps, AI Agents & Websites with AI https://mikeyno-code.com/Skool-base44 🔵 Get the FREE App Store Submission... canonical: https://daily.dev/posts/how-to-use-claude-code-in-visual-studio-code---step-by-step-r0bepjtbu twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How To Use Claude Code In Visual Studio Code - Step by Step | daily.dev og:description: ✅ Claim your FREE $499 Masterclass: Build & Sell Apps, AI Agents & Websites with AI https://mikeyno-code.com/Skool-base44 🔵 Get the FREE App Store Submission... og:url: https://daily.dev/posts/how-to-use-claude-code-in-visual-studio-code---step-by-step-r0bepjtbu og:image: https://api.daily.dev/og/posts/R0BepjTbu.png og:image:alt: How To Use Claude Code In Visual Studio Code - Step by Step og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How To Use Claude Code In Visual Studio Code - Step by Step **[YouTube](https://daily.dev/sources/youtube)** · 21 min read · 1 upvotes · 0 comments ## Summary ✅ Claim your FREE $499 Masterclass: Build & Sell Apps, AI Agents & Websites with AI https://mikeyno-code.com/Skool-base44 🔵 Get the FREE App Store Submission Checklist (step by step): https://mikeyappchecklist.netlify.app/ In this video, I show you how to use Claude Code in Visual Studio Code with a complete step-by-step setup for beginners. You'll learn how Claude Code integrates with Visual Studio Code, follow a practical Visual Studio Code tutorial, and discover the best workflows from a hands-on Claude Code tutorial to build, edit, and debug projects faster with AI. Whether you're learning how to use Claude AI, exploring how to use Claude for development, or just getting started with Visual Studio Code, this guide will help you master Claude Code and become productive in minutes. 00:00 - Intro: Claude Code in Visual Studio Code 01:37 - Free Masterclass: Build Profitable AI SaaS & Apps 02:09 - What is Claude Code? (Anthropic AI Coding Agent) 03:09 - Access Options: VS Code Extension vs CLI & Desktop App 03:42 - Claude Pro vs Claude Max Subscription Plans 04:17 - Downloading & Installing Visual Studio Code 05:57 - Installing & Connecting Claude Code VS Code Extension 07:15 - Setting Up Empty Project Folder & Integrated Terminal 08:39 - App Blueprint: Journal & To-Do Web App Architecture 09:14 - Prompt 1: Scaffolding App Structure & Navigation 10:39 - Reviewing Initial Project Build & Browser Preview 11:05 - Prompt 2: Adding Journal Feature, Moods & Persistence 12:13 - Testing Journal Logging & Entry Deletion Workflow 12:39 - Prompt 3: Building To-Do List & Status Filters 13:37 - Testing Task Actions & Multi-Feature Integration 14:26 - Prompt 4: Production Redesign Pass & Evernote UI Theme 15:50 - Desktop & Mobile Viewport Layout Inspection 16:31 - Full App Walkthrough: End-to-End Feature Testing 17:41 - Code Ownership: Local Code Files vs No-Code Platforms 18:39 - Summary: The 4-Prompt Workflow for AI Development For inquiries: Mikey (at) ytmedia.group ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- [View this post on daily.dev](https://daily.dev/posts/how-to-use-claude-code-in-visual-studio-code---step-by-step-r0bepjtbu) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How To Use Claude Code In Visual Studio Code - Step by Step","url":"https://daily.dev/posts/how-to-use-claude-code-in-visual-studio-code---step-by-step-r0bepjtbu","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-use-claude-code-in-visual-studio-code---step-by-step-r0bepjtbu"},"datePublished":"2026-10-03T21:01:40.265Z","dateModified":"2026-10-03T22:48:45.100Z","description":"✅ Claim your FREE $499 Masterclass: Build & Sell Apps, AI Agents & Websites with AI https://mikeyno-code.com/Skool-base44\n\n🔵 Get the FREE App Store Submission...","image":"https://i.ytimg.com/vi/bxSr8QAQt7c/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/bxSr8QAQt7c/sddefault.jpg","isAccessibleForFree":true,"articleSection":"YouTube","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"YouTube","logo":"https://media.daily.dev/image/upload/s--W5zMumpP--/f_auto/v1725350181/logos/youtube","url":"https://daily.dev/sources/youtube"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/how-to-use-claude-code-in-visual-studio-code---step-by-step-r0bepjtbu","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"","timeRequired":"PT21M","video":{"@type":"VideoObject","name":"How To Use Claude Code In Visual Studio Code - Step by Step","description":"✅ Claim your FREE $499 Masterclass: Build & Sell Apps, AI Agents & Websites with AI https://mikeyno-code.com/Skool-base44\n\n🔵 Get the FREE App Store Submission...","thumbnailUrl":"https://i.ytimg.com/vi/bxSr8QAQt7c/sddefault.jpg","uploadDate":"2026-10-03T21:01:40.265Z","duration":"PT21M","url":"https://api.daily.dev/r/R0BepjTbu","embedUrl":"https://www.youtube.com/embed/bxSr8QAQt7c"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"YouTube","item":"https://daily.dev/sources/youtube"},{"@type":"ListItem","position":3,"name":"How To Use Claude Code In Visual Studio Code - Step by Step"}]} ```