PART 1: SETTING UP CLAUDE CODE

@tristanwaddellx

1.7K followers · usually 2.1K views a post

Views

7.8K

Likes

388

Comments

10

Shares

137

Selling · SaaS › AI Tool

Claude Codeseen in 193 videos →dellix.dev ↗

Why it worked

The video provides a clear, step-by-step tutorial on setting up a practical AI coding tool, addressing a common pain point for developers looking to leverage AI in their workflow.

Summary

This video demonstrates how to set up Claude Code, an AI coding assistant, within Visual Studio Code. It guides viewers through downloading Visual Studio, installing the Claude Code extension, and initiating a basic code generation task.

Structure

1Introduction to the series and goal
2Download and install Visual Studio
3Install the Claude Code extension
4Sign into Claude account
5Generate a simple HTML project using Claude Code
6Preview of Part 2

Product placement

Claude Code (ACTS - used to generate code for an app, removing it would change the video's outcome) Visual Studio (ACTS - downloaded and used as an IDE to control code, removing it would change the video's outcome) Claude Code for VS Code (ACTS - an extension installed and used within Visual Studio to interact with Claude Code, removing it would change the video's outcome)

Original caption

PART 1: SETTING UP CLAUDE CODE. This series will take you from idea to a full production app using Claude Code. Follow me to continue watching this series and create your first app. #claudecode #vibecoding #coding #aibusiness #ai

More from @tristanwaddellx

Their other posts in the index, biggest breakout first.

Call to action

Follow to stay ahead.

On-screen text

PART 1: SETTING UP CLAUDE CODE ONE OF ME TEACHING YOU HOW TO CREATE YOUR FIRST APP USING CLAUDE CODE. FIRST, YOU'LL WANNA DOWNLOAD VISUAL STUDIO. VISUAL STUDIO IS TO BASICALLY CONTROL EVERYTHING THAT GOES INTO YOUR CODE. DOWNLOAD IT USING TYPED IN. OPEN THE DOWNLOADED FILE AND FOLLOW ALL SETUP STEPS PROVIDED. NOW THAT VISUAL STUDIO IS INSTALLED, NAVIGATE TO THE SIDE BAR AND CLICK ON EXTENSIONS. CLICK ON EXTENSIONS. CLAUDE CLAUDE CODE FOR VS CODE AND CLICK INSTALL. FOLLOW THE SETUP INSTRUCTIONS AND SIGN INTO YOUR CLAUDE ACCOUNT. TOP RIGHT OF YOUR SCREEN, YOU'LL HAVE ACCESS TO CLAUDE CODE CHAT, TYPE SOMETHING LIKE CREATE ME A HELLO WORLD PROJECT ML. IN HTML. THEN IT'LL OUTPUT THE PROJECT FOR YOU. IN PART TWO, I'LL BE TEACHING TAKE YOUR IDEA INTO AN APP USING CLAUDE CODE. FOLLOW TO STAY

Transcript

This series will take you from idea to a full production app using Claude Code. Follow me to continue watching this series and create your first app. First, you'll wanna download Visual Studio. Visual Studio is to basically control everything that goes into your code. Download it using typed in. Open the downloaded file and follow all setup steps provided. Now that Visual Studio is installed, navigate to the side bar and click on extensions. Click on extensions. Type in Claude Code for VS Code and click install. Follow the setup instructions and sign into your Claude account. Now in the top right of your screen, you'll have access to Claude Code chat. Type something like Create me a hello world project in HTML. Then it'll output the project for you. In part two, I'll be teaching take your idea into an app using Claude Code. Follow to stay ahead.