알면 편한 단축키
Open Chat
- windows / macos
- ctrl + alt + i
- ctrl + alt + b
New Chat
- windows / macos
- ctrl + l
Copilot 사용팁
자동완성 끄기
하단 copilot 아이콘에서 자동완성을 끌 수 있어요.
agent 모드 사용 확인
agent 모드에서 tool 을 사용할 수 있어요,
터미널에서 cli 명령어 사용
터미널에서 우클릭해서 사용할 수도 있고 단축키도 있어요.
우클릭 메뉴
우클릭하면 사용할 수 있는 기능들이 여러개 있어요.
기본 Tool 사용방법
VSCode copilot agent 모드에서는 tool을 추가적으로 사용할 수 있어요.
chat 탭을 열어서 빨간색 박스를 클릭하면,
vscode 상단에 사용할 수 있는 tool 목록이 열려요.
사용하려는 tool 이 선택안되면 확인해주세요.
tool을 사용해서 context를 적용할 수 있어요.
#githubRepo
github 에 저장되어 있는 코드를 가져올 수 있어요.
#fetch
인터넷에서 정보를 가져올 수 있어요. bot 을 막아놓은 사이트는 데이터를 못가져올 수 있어요.
다른 tool 들도 위와 비슷하게 사용해요. 다른 기본 툴들도 사용해보세요.
파일/디렉토리 읽기
#을 사용해서 파일 또는 디렉토리를 읽도록 선택할 수 있어요.
아래처럼 구조만 잡은 파일을 만든 후에
#으로 디렉토리를 찾을 수 있어요
코파일럿에게 적당히 요청하면 아래처럼 코드를 만들어줘요.
완성된 코드가 괜찮으면 keep을 마음에 안들면 undo를 할 수 있어요.
프롬프트 적용
Insturction
프롬프트 처럼 코파일럿에 사용자가 원하는 지시를 미리 지정할 수 있어요.
d2 에 조금 더 자세한 설명이 있어요 참고하시면 좋아요.
공식문서에서 더 자세히 확인할 수 있어요.
prompt
코파일럿 프롬프트에는 위에서 설명한 tool과 함께 사용가능하게 프롬프트를 만들 수 있어요.
Command 메뉴에서 (ctrl + shift + p)
프롬프트를 생성할 수 있어요
공식문서에서 prompt spec을 확인할 수 있어요.
두번째 메뉴를 선택해서 test-prompt로 입력해서 test-prompt.prompt.md 파일을 생성했어요.
prompt 의 구조는 공식문서에 따르면 아래와 같아요.
---
mode: 'agent'
tools: ['githubRepo', 'codebase']
description: 'Generate a new React form component'
---
guide
frontmatter와 instruction으로 구성된 걸 알 수 있어요.
먼저 prompt를 사용하는 방법을 알아볼게요.
test-prompt파일을 아래처럼 설정했어요.
---
mode: 'agent'
---
+ 사용자가 어떠한 질문을 해도 hello world! 를 출력해주세요.
/를 입력하면 사용할 프롬프트를 선택할 수 있어요.
위 프롬프트를 사용하여 질문해보면 프롬프트가 적용된 것을 확인할 수 있어요.
MCP
코파일럿으로 mcp를 사용할 수 있어요. (지금은 mcp 기능 중 tool만)
기본 tool을 사용한 것 처럼 chat 탭을 열어서 빨간색 박스를 클릭하면,
맨 아래 Add More Tools...를 클릭하면 추가할 수 있어요.
자세한 추가 방법은 공식문서를 확인해주세요.
MCP 팁
prompt를 사용해서 추가한 mcp의 tool로 하고자 하는 기능을 미리 정의해 둘 수 있어요.
저는 웹검색 기능을 확장하는 mcp를 아래 프롬프트로 사용하고 있어요.
프롬프트 이름은 search로 해뒀어요.
---
mode: 'agent'
tools: ['searxng_web_search', 'fetch']
---
+ 사용자 응답을 #searxng_web_search 도구로 먼저 데이터를 받아오세요.
+ 위 도구가 응답완료 후 나온 링크가 있는 경우 #fetch 도구를 사용해서 링크를 모두 읽고 사용자의 답에 응답하세요.
+ language는 'all' 로 설정하세요.
+ 응답에는 참고한 링크를 반드시 포함하세요.
이렇게 하면 검색해서 가져온 url을 사용해서 url의 내용까지 가져올 수 있어요.
