본문 바로가기
AI/ChatGPT

VSCode with ChatGPT

by wenect 2023. 3. 11.

AI 코드를 짜주는 시대가 왔습니다.

VSCode의 Extensions 플러그인으로 설치하면 개발에 많은 도움이 되는 방향으로 가능할 것으로 생각합니다.

1. AICodeHelper

https://marketplace.visualstudio.com/items?itemName=Kimseungtae.aicodehelper 

 

AICodeHelper - Visual Studio Marketplace

Extension for Visual Studio Code - AI-based coding assistant

marketplace.visualstudio.com

설치

이 확장 프로그램은 OpenAI의 Chat Completion(모델: gpt-3.5-turbo) API로 구동됩니다.

API키 얻기 : https://platform.openai.com/account/api-keys

 

OpenAI API

An API for accessing new AI models developed by OpenAI

platform.openai.com

 

준비

  1. VS Code를 열고 을 눌러 설정으로 이동합니다 Cmd+,.
  2. aicodehelper설정 값을 검색하여 확인합니다.
  3. OpenAI 에서 얻을 수 있는 OpenAI용 API 키 gptkey .
  4. GPT에 사용할 언어를 설정합니다 language.
  5. 선택적으로 prompt template.

3. 4.번만 입력해도 작동합니다.

기능

  • 주석 : Ctrl+Shift+Alt+Z.
  • 리펙토링 : Ctrl+Shift+Alt+R.
  • 코드검토 : Ctrl+Shift+Alt+C.
  • 일반요청 : Ctrl+Shift+Alt+M.
  • 코드생성 설명 : Ctrl+Shift+Alt+G.
  • Inputbox로 일반요청 : Ctrl+Shift+Alt+,(comma).

무료아님

1천토큰당 (75word 정도 ) $0.002 과금이 발생

 

2. CodeGPT

AiCodeHelper와 설치 방법은 비슷합니다.

API Key 등록

cmd + shift + p를 눌러 커맨드 팔레트 열기
CodeGPT: Set API KEY를 검색
입력창이 열리면 복사해둔 API Key를 입력.

API Key 등록이 잘 안된다면 VSCode를 종료, 재실행  API Key 재발급, 다시등록하면됨

방법

사용방법은 단순하다. 원하는 질문을 주석으로 단 후, cmd + shift + i를 눌러주면 된다.

 

'AI > ChatGPT' 카테고리의 다른 글

chatGPT 설정 바꾸기  (0) 2023.03.24
ChatGPT4 - 신청  (1) 2023.03.15
ChatGPT API를 사용한 영어 대화하기 sample  (5) 2023.03.06
Bing 사용하기  (0) 2023.03.05
ChatGPT - chrome extensions  (0) 2023.02.26

댓글