{"@context":"https://schema.org","@type":"HowTo","@id":"https://bkamp.ai/en/recipes/b121200e-c795-43f6-9bd6-740de6510f82","name":"EP.02 — Setting Up a VIBE Coding Environment in 5 Minutes (feat. ADW)","description":"Set up the Vive Coding Environment using ADW, a tool that finishes complex installations in a single line!","url":"https://bkamp.ai/en/recipes/b121200e-c795-43f6-9bd6-740de6510f82","image":"https://media.bkamp.ai/uploads/guide_thumbnail/65bd0aac-08ab-4390-9bf9-90c391620826/379627fc-e9b1-477a-a991-3f1da43a7968.png","inLanguage":"en-US","datePublished":"2026-03-20T06:28:33.856231Z","dateModified":"2026-06-26T23:52:41.741234Z","author":{"@type":"Person","name":"jacob","url":"https://bkamp.ai/en/users/김현진_c96045"},"publisher":{"@type":"Organization","name":"bkamp","url":"https://bkamp.ai"},"educationalLevel":"초급","category":"실사용기","step":[{"@type":"HowToStep","position":1,"name":"복잡한 설치, 한 줄로 끝내기","text":"

바이브 코딩을 시작하려면 Node.js, Git, VS Code, Claude Code CLI를 설치해야 합니다.

수동으로 하면 이렇습니다:

사이트 접속 → 버전 선택(LTS? Current?) → 다운로드 → 설치 마법사 실행 → 라이선스 동의 → 경로 설정 → PATH 환경변수 체크 → Next → Next → Next → 완료 → 다음 도구 → 또 사이트 접속 → 또 다운로드 → 또 설치 마법사 → 에디터 선택(5개 중 뭘?) → line ending 설정(이게 뭔데?) → 또 Next → 또 Next...

이걸 4개 도구에 대해 반복합니다.

$\"image\"$

ADW는 이걸 한 줄로 끝냅니다.

$\"image\"$

"},{"@type":"HowToStep","position":2,"name":"ADW 설치","text":"

아래 링크에 접속하면 Windows/Mac 각각의 설치 명령어가 나옵니다.

https://quickstart.bkit.ai

자기 OS에 맞는 명령어를 복사해서 터미널에 붙여넣고 Enter. 끝.

터미널에 명령어 넣는 법

Windows 사용자

키보드에서 Windows키 + R 을 동시에 누르세요
- (Windows키는 키보드 왼쪽 하단 창문 모양)
작은 창이 뜨면 명령어를 복사해서 붙여넣기 하세요:

$\"image\"$

확인 버튼 클릭
파란 창(PowerShell)이 뜨고 자동으로 설치가 시작돼요
설치 완료될 때까지 기다리세요 (약 5분)

Mac 사용자

Spotlight 열기: Command + Space 누르기
\"terminal\" 입력하고 Enter
터미널 창에 아래 명령어를 복사해서 붙여넣기:

$\"image\"$

Enter 누르고 기다리세요(패스워드를 넣으라고 하면 맥 패스워드 넣기)
설치 완료될 때까지 기다리세요 (약 5분)

설치가 안 되거나 에러가 나면? quickstart.bkit.ai 안에 Questions 섹션에 진단 명령어와 버그 리포트 보내는 방법도 있으니 참고하세요.

"},{"@type":"HowToStep","position":3,"name":"VS Code에서 Claude 연결하기","text":"

터미널에서도 쓸 수 있지만, VS Code 안에서 쓰는 게 더 편합니다.

VS Code 열기 (ADW가 이미 설치해놨어요)
Ctrl + Shift + P (Mac: Cmd + Shift + P)
\"Claude\" 검색
\"Claude Code: Open\" 클릭

$\"image\"$

하단에 Claude Code 패널이 나타나면 성공.

처음 실행하면 로그인을 요청합니다. Anthropic 계정으로 로그인하세요.

$\"image\"$

혹시 안되시는 분들은 아래 링크의 \"STEP 3: Claude Code 로그인하기\"를 참고하세요 .
https://bkamp.ai/ko/showcases/de04a7ec-50d7-4f8e-a741-f2cdb4753543

Anthropic 계정이 없다면 https://console.anthropic.com 에서 만들 수 있어요. Claude Code를 사용하려면 Claude Pro ($20/월) 이상 플랜이 필요합니다.

"},{"@type":"HowToStep","position":4,"name":"ADW가 설치해준 것들","text":"

궁금한 분들을 위해 정리합니다.

설치된 것	뭔지	왜 필요한지
Node.js	JavaScript 실행 환경	Claude Code가 작동하는 데 필요
Git	코드 버전 관리 도구	프로젝트 관리에 필요
VS Code	코드 에디터	코드를 보고 편집하는 앱
Claude Code CLI	터미널용 AI 도구	터미널에서 AI와 대화
Claude Code 확장	VS Code용 AI 도구(focus input)	VS Code 안에서 AI 사용
bkit	AI 개발 플러그인	AI를 더 체계적으로 사용

다음 편에서는 VS Code 사용법을 배웁니다. 딱 4가지만 알면 돼요.

"}],"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":114},{"@type":"InteractionCounter","interactionType":"https://schema.org/BookmarkAction","userInteractionCount":0}],"mainEntityOfPage":{"@type":"WebPage","@id":"https://bkamp.ai/en/recipes/b121200e-c795-43f6-9bd6-740de6510f82"}}

EP.02 — Setting Up a VIBE Coding Environment in 5 Minutes (feat. ADW)

Finishing complex installations in one line

ADW installation

Connecting Claude in VS Code

Things installed by ADW

Step Roadmap

댓글 0개

EP.02 — Setting Up a VIBE Coding Environment in 5 Minutes (feat. ADW)

Finishing complex installations in one line

ADW installation

Connecting Claude in VS Code

Things installed by ADW

Step Roadmap

댓글 0개

EP.02 — Setting Up a VIBE Coding Environment in 5 Minutes (feat. ADW)

Finishing complex installations in one line

ADW installation

Connecting Claude in VS Code

Things installed by ADW

Step Roadmap

댓글 0개

EP.02 — Setting Up a VIBE Coding Environment in 5 Minutes (feat. ADW)

Finishing complex installations in one line

ADW installation

Connecting Claude in VS Code

Things installed by ADW

Step Roadmap

댓글 0개