클라인

Cline(이전 Claude Dev) – OpenRouter 1위

VS 마켓플레이스에서 다운로드

디스코드에 참여하세요

문서

기능 요청

CLI 와 N d Editor 를 사용할 수 있는 AI 도우미 Cline을 만나보세요.

Claude 3.5 Sonnet의 에이전트 코딩 기능 덕분에 Cline은 복잡한 소프트웨어 개발 작업을 단계별로 처리할 수 있습니다. 파일 생성 및 편집, 대규모 프로젝트 탐색, 브라우저 사용, 터미널 명령 실행(권한 부여 후) 등을 수행할 수 있는 도구를 사용하면 코드 완성이나 기술 지원 이상의 방식으로 도움을 줄 수 있습니다. 자율 AI 스크립트는 전통적으로 샌드박스 환경에서 실행되지만, 이 확장은 모든 파일 변경 및 터미널 명령을 승인하는 인간 참여형 GUI를 제공하여 에이전트 AI의 잠재력을 탐색할 수 있는 안전하고 접근 가능한 방법을 제공합니다.

1. 작업을 입력하고 이미지를 추가하여 모형을 기능적인 앱으로 변환하거나 스크린샷으로 버그를 수정하세요.

2. Cline은 파일 구조 및 소스 코드 AST를 분석하고, 정규식 검색을 실행하고, 관련 파일을 읽어 기존 프로젝트의 속도를 높이는 것부터 시작합니다. 어떤 정보가 컨텍스트에 추가되는지 신중하게 관리함으로써 Cline은 컨텍스트 창을 압도하지 않고 크고 복잡한 프로젝트에서도 귀중한 지원을 제공할 수 있습니다.

3. Cline은 필요한 정보를 얻은 후 다음을 수행할 수 있습니다.

• 파일을 생성 및 편집하고 그 과정에서 린터/컴파일러 오류를 모니터링하여 가져오기 누락 및 구문 오류와 같은 문제를 스스로 해결할 수 있습니다.

• 터미널에서 직접 명령을 실행하고 작업하는 동안 출력을 모니터링하여 파일 편집 후 개발 서버 문제에 반응할 수 있도록 합니다.

• 웹 개발 작업의 경우 Cline은 헤드리스 브라우저에서 사이트를 시작하고, 클릭하고, 입력하고, 스크롤하고, 스크린샷과 콘솔 로그를 캡처하여 런타임 오류와 시각적 버그를 수정할 수 있습니다.

4. 작업이 완료되면 Cline은 open -a "Google Chrome" index.html 과 같은 터미널 명령을 사용하여 결과를 표시합니다. 이 명령은 버튼 클릭만으로 실행할 수 있습니다.

팁

CMD/CTRL + Shift + P 단축키를 사용하여 명령 팔레트를 열고 "Cline: Open In New Tab"을 입력하여 확장 프로그램을 편집기에서 탭으로 엽니다. 이를 통해 파일 탐색기와 Cline을 나란히 사용할 수 있으며 작업 공간이 어떻게 변경되는지 더 명확하게 확인할 수 있습니다.

---

모든 API 및 모델 사용

Cline은 OpenRouter, Anthropic, OpenAI, Google Gemini, AWS Bedrock, Azure 및 GCP Vertex와 같은 API 공급자를 지원합니다. OpenAI 호환 API를 구성하거나 Ollama를 통해 로컬 모델을 사용할 수도 있습니다. OpenRouter를 사용하는 경우 확장 프로그램은 최신 모델 목록을 가져오므로 최신 모델이 출시되는 즉시 사용할 수 있습니다.

또한 확장 프로그램은 전체 작업 루프 및 개별 요청에 대한 총 토큰 및 API 사용 비용을 추적하여 모든 단계에서 지출에 대한 정보를 제공합니다.

터미널에서 명령 실행

VSCode v1.93의 새로운 셸 통합 업데이트 덕분에 Cline은 터미널에서 직접 명령을 실행하고 출력을 받을 수 있습니다. 이를 통해 그는 패키지 설치, 빌드 스크립트 실행부터 애플리케이션 배포, 데이터베이스 관리, 테스트 실행에 이르기까지 광범위한 작업을 수행하는 동시에 개발 환경 및 도구 체인에 적응하여 작업을 올바르게 완료할 수 있습니다.

개발 서버와 같이 오랫동안 실행되는 프로세스의 경우 "실행 중 진행" 버튼을 사용하면 명령이 백그라운드에서 실행되는 동안 Cline이 작업을 계속할 수 있습니다. Cline이 작업하는 동안 새로운 터미널 출력에 대한 알림을 받게 되므로 파일 편집 시 컴파일 시간 오류와 같이 발생할 수 있는 문제에 대응할 수 있습니다.

파일 생성 및 편집

Cline은 편집기에서 직접 파일을 생성하고 편집하여 변경 사항에 대한 차이점 보기를 제공할 수 있습니다. Diff 보기 편집기에서 직접 Cline의 변경 사항을 편집하거나 되돌리거나 결과에 만족할 때까지 채팅으로 피드백을 제공할 수 있습니다. Cline은 또한 린터/컴파일러 오류(가져오기 누락, 구문 오류 등)를 모니터링하여 스스로 발생하는 문제를 해결할 수 있습니다.

Cline의 모든 변경 사항은 파일의 타임라인에 기록되므로 필요한 경우 수정 사항을 쉽게 추적하고 되돌릴 수 있습니다.

브라우저 사용

Claude 3.5 Sonnet의 새로운 컴퓨터 사용 기능을 통해 Cline은 브라우저를 시작하고, 요소를 클릭하고, 텍스트를 입력하고, 스크롤하여 각 단계에서 스크린샷과 콘솔 로그를 캡처할 수 있습니다. 이를 통해 대화형 디버깅, 엔드투엔드 테스트는 물론 일반 웹 사용까지 가능합니다! 이를 통해 오류 로그를 직접 보관하고 복사하여 붙여넣을 필요 없이 시각적 버그 및 런타임 문제를 수정할 수 있는 자율성을 갖게 됩니다.

Cline에게 "앱 테스트"를 요청하고 그가 npm run dev 와 같은 명령을 실행하고 브라우저에서 로컬로 실행되는 개발 서버를 시작한 다음 일련의 테스트를 수행하여 모든 것이 작동하는지 확인하는 것을 지켜보십시오. 여기에서 데모를 확인하세요.

컨텍스트 추가

• @url : 확장 프로그램의 URL을 붙여넣어 마크다운으로 변환하고 Cline에 최신 문서를 제공할 때 유용합니다.

• @problems : Cline이 수정할 작업공간 오류 및 경고('문제' 패널)를 추가합니다.

• @file : 파일 내용을 추가하므로 파일 읽기를 승인하는 API 요청을 낭비할 필요가 없습니다. (+ 파일 검색을 위해 입력)

• @folder : 폴더의 파일을 한 번에 추가하여 작업 속도를 더욱 향상시킵니다.

기여

프로젝트에 기여하려면 미해결 문제를 탐색하거나 기능 요청 게시판을 확인하는 것부터 시작하세요. 또한 여러분이 Discord에 가입하여 아이디어를 공유하고 다른 기여자들과 연결되기를 바랍니다.

지역 개발 지침

1. 저장소 복제 (git-lfs 필요) :

    자식 클론 https://github.com/cline/cline.git

2. VSCode에서 프로젝트를 엽니다.

    코드 클라인

3. 확장 및 webview-gui에 필요한 종속성을 설치합니다.

    npm 실행 설치:모두

4. 확장 프로그램이 로드된 새 VSCode 창을 열려면 F5 (또는 Run -> Start Debugging )를 눌러 실행하세요. (프로젝트를 빌드하는 데 문제가 발생하면 esbuild 문제 매처 확장을 설치해야 할 수도 있습니다.)

특허

아파치 2.0 © 2024 Cline Bot Inc.