하나.
지난 주에 저는 글을 썼습니다.Claude Code(클로드 코드) 국산 대형 모델 연동VS Code를 사용하지 않는 이유에 대해 질문을 받았습니다.
좋은 질문입니다. 셸을 자주 사용해서 정말 Visual Studio Code를 깜빡했네요.
오늘 이어서 소개해 드리겠습니다. 플러그인 없이 VS Code에서 Claude Code를 사용하는 방법입니다.
진심으로 Claude Code가 플러그인보다 좋다고 생각해서, 플러그인을 건너뛰고 바로 VS Code 안에서 사용해보려고 해요.
과거와 같이 이번에도 Claude Code는 국산 대형 모델을 연결했고, 저는MiniMax M2. 그 품질이 정말 좋고, 이번 주에 행사가 있다.
이,
이번 평가의 주제는 매우 재미있어요, 저도 좋아합니다.
이는 최근 외국인 프로그래머가 생각해낸 것이며 해외에서 큰 화제가 되었습니다.
그는 9개의 유명 모델을 사용하여 웹 페이지 시계의 애니메이션을 생성하고, 이 애니메이션을 웹사이트 에 올렸는데, 웹사이트 제목은 "AI 시계"라고 합니다.
이상하게도 이 테스트는 어렵지 않아 보이지만, 대부분의 모델이 생성한 결과가 좋지 않았고, 일부는 심지어 나쁘게 나왔습니다.
예를 들어, 아래 그림은 OpenAI 회사의 GPT-5 모델이 생성한 시계로, 보기만 해도 웃을 수밖에 없습니다.
이 시계의 프롬프트는 다음과 같습니다. 여러분도 직접 테스트해 보세요.
${time}을 보여주는 아날로그 시계의 HTML/CSS를 만드세요. 숫자(또는 숫자형)를 원하시면 포함하고, CSS 애니메이션 초침을 넣으세요. 반응형으로 만들고 흰 배경을 사용하세요. 오직 HTML/CSS 코드만 반환하세요.
중국어로 번역하면은：
"시간 ${time}을 표시하는 가상 시계의 HTML/CSS 코드를 만드십시오. 필요하다면 숫자를 포함하고, CSS 애니메이션 초침을 추가할 수 있습니다. 반응형 디자인을 가지고 있으며, 흰색 배경을 사용하십시오. HTML/CSS 코드만 반환하십시오. 마크다운 형식을 포함하지 마십시오."
나도 이걸로 테스트해보고 MiniMax M2의 효과가 어떤지 봤어요.
3.
본론으로 들어가기 전에, VS Code와 Claude Code는 전혀 다른 도구라고 강조하고 싶습니다.
VS Code는 IDE로, IDE 안에서 AI를 사용합니다.
Claude Code는 명령줄 도구로, 터미널 창에서 AI를 사용합니다.
그들의 특징은 완전히 다릅니다. IDE는 지능형 인식(intellisense)과 자동 완성을 지원하며, 명령줄은 시스템 도구와 스크립트를 호출하고, 자동화 통합 및 병렬 실행을 지원합니다.
그래서, 그 두 도구는 대체 관계가 아니라 보완 관계입니다. 필요에 따라 가장 적합한 도구를 선택해야 합니다.
저가 보여줄 방법은 바로 IDE와 명령줄을 결합하는 것이며, 이로 인해 최대한의 유연성을 갖게 됩니다.
4.
저가 테스트한 모델은 MiniMax M2 이며, 왜 이것을 선택했는지 설명해보겠습니다.
이는 지난 달 말(10월 27일)에 출시되었으며, 많은 리뷰에서 이것이 프로그래밍 능력이 가장 강력한 오픈 소스 모델 중 하나라고 보여주었습니다. 또한 OpenRouter 플랫폼에서는 토큰 호출량이 가장 많은 국산 모델입니다.
저는 당시 이 모델을 리뷰 했는데, 아직 기억나시나요? 결론은, 이 모델의 프로그래밍 성능이 제 예상을 넘어섰다는 것입니다.
하지만 그때는 월별 패키지가 없어 API 사용량에 따라 과금되었기 때문에 많이 사용하지 못했습니다.
는 이제 다릅니다. 지난 주말에 갑자기 Coding Plan 월정액 패키지를 출시했으며, 세 가지 요금 등급이 있습니다.
가장 낮은 등급은 일반적인 사용 강도를 대상으로 하며, 첫 달에는 9.9위안이 필요하며(연장 시 29위안/월), 이는 매우 경제적입니다.
이 혜택 활동 외에도 두 가지 특징이 있어 이 튜토리얼과 매우 잘 맞습니다.
（1）호환성이 좋이며 외부 도구를 쉽게 연결할 수 있습니다. 저는 Claude Code와 VS Code를 연결하는 데 모두 매우 원활했습니다.
공식 웹사이트 문서는 인터페이스 예제를 제공하는 도구가 매우 풍부하며, Cursor, Cline, Codex, Kilo Code, Droid, Trae, Grok, OpenCode, iFlow 등이 포함되어 있습니다.
(2) 응답 속도, 생성 속도가 빠르다. 그의 API 서버는 국내에서의 응답 시간이 일반적으로 몇십 밀리초이며, 초당 생성되는 Token의 수(즉 TPS 지표)는 100을 넘어서며, 해외 모델보다 훨씬 빠릅니다.
5.
지금부터 본론으로 들어가서, 먼저 몇 가지 준비 작업을 해야 합니다. MiniMax M2를 Claude Code에 연결해야 합니다.
구체적인 단계는 상세히 설명하지 않습니다. 모두가이전 튜토리얼그럼 됐어요.
간단히 말해, 새로 만드는 것입니다.claude-minimax스크립트(아래 그림), MiniMax M2 공식 웹사이트에서 가져올 것입니다.인터페이스 매개변수입력하십시오。
이 완료되면 테스트해보고 정상적으로 작동하는지 확인해 볼 수 있습니다.
$ claude-minimax --version
6.
아래는 VS Code에서 Claude Code를 사용하여 웹 시계를 생성하는 테스트입니다.
첫 번째 단계, 프로젝트 디렉토리로 사용할 로컬 디렉토리를 새로 만듭니다. 예를 들어 ai-clock와 같습니다.
$ mkdir ai-clock
그런 다음, VS Code에서 이 디렉토리 ai-clock를 엽니다. 이를 작업 영역으로 사용합니다.
두 번째 단계, VS Code 메뉴에서 "터미널/새로운 터미널"을 엽니다. 이 터미널 창에서 claude-minimax을 입력합니다.
$ claude-minimax
이렇게 하면 창에서 권한을 부여할 요청이 나옵니다. 동의하면 메인 인터페이스로 들어가는데, 대략 아래와 같습니다.
지금부터 VS Code 안에서 명령줄의 Claude Code를 사용할 수 있습니다.
이때, IDE로 코드를 작성할 수도 있고 명령줄을 통해 AI 모델을 사용할 수도 있어 양쪽의 장점을 모두 얻을 수 있습니다.
세 번째 단계로, Claude Code의 프롬프트 뒤에 /init 명령어를 입력하여 저장소 안에 CLAUDE.md 파일을 생성하고, AI가 이 저장소에 대한 작업을 기록합니다.
/init
생성이 끝나면 CLAUDE.md 파일을 열어보세요(아래 그림).
이 예제 저장소가 비어 있기 때문에 파일 안에는 거의 내용이 없습니다. 만약 기존 코드가 있는 저장소라면, 파일 안에는 AI가 코드 저장소에 대한 상세한 분석이 포함됩니다.
이 파일은 맥락으로 사용되며, 모델을 조회할 때마다 자동으로 이 파일이 첨부되어 모델이 코드 저장소를 이해할 수 있도록 합니다.
만약 경고창에 역슬래시를 입력하면, Claude Code는 사용 가능한 모든 명령을 표시합니다(아래 그림 참조).
이러한 명령을 통해 우리는 Claude Code의 강력한 기능을 사용하여 다양한 AI 작업을 완료할 수 있습니다.
이 단계는 Claude Code의 기본 사용법이며 모든 프로젝트에 적용됩니다.
네 번째 단계로, 경고창에 앞서 입력한 힌트를 입력합니다(아래 그림 참조)하여 모델이 웹 시계를 생성하도록 합니다.
MiniMax M2는不到一分钟 만에 생성을 완료했으며(아래 그림 참조), 자동으로 이 코드를 파일 index.html에 작성합니다.
웹페이지를 열면 아래와 같은 효과가 나타납니다.
정말 멋지네요, 첫 번째 시도부터 이런 효과를 얻을 수 있었어요. 시계 모양이 올바르고, 초침의 움직임이 매우 부드러우며, 매 초마다 업데이트되어 현재 시간을 표시합니다.
는 이 힌트 단어를 사용하여 자신이 생성해 보세요. Claude Code가 없다면 공식 웹사이트 에서 실행할 수 있습니다.
는 저가 얻은 의 완전한 코드 를 확인할 수 있으며, 복사하여 HTML 파일로 저장하고 브라우저에서 열 수 있습니다.
7.
이 테스트 결과를 보면, MiniMax M2의 생성 결과는 가로 비교든 실제 효과든 만족스럽습니다.
현재 가격을 고려하면 가성비가 매우 높아, 저는 많은 사람들에게 사용해 보기를 추천합니다.
마지막으로, 그들의 Coding Plan 활동을 전파해 드리겠습니다.의 포스터, 첫 달 9.9위안, 커피 한 잔의 돈, 월간 사용 최신 AI 프로그래밍 모델, 필요한 사람은 가져가세요.
（완）