[VSCommunity] 코드 스니펫(Snippet) 만들기 - 사용자 자동완성 코드

ㅎㅎ·2023년 10월 4일
0

백준을 푸는데

#include <iostream>
#include <algorithm>
#include <vector>
#include <string>
#include <queue>
#include <cmath>
#define ll long long
using namespace std;

int main() {
    ios_base::sync_with_stdio(0);
    cin.tie(0); cout.tie(0);

    return 0;
}

위 코드를 항상 작성하기 귀찮아서 사용자 자동완성 코드를 설정하는 방법을 찾아보았다.

VSC라고 해서 Visual Studio Code 설정 방법은 잘 나오는데 Community 설정 방법은 정리해둔 사람이 별로 없는 듯... ㅠㅠ

그래서 내가 메모해놓기로 했다.

Snippets

xml 언어로 작성되고, 코드 조각이라고 하고 snippet이라는 확장자명으로 관리된다.

마이크로소프트의 공식 문서 페이지를 참고했다.

1. 코드 조각 템플릿 작성하기

필수적인 요소만 사용해 작성된 코드다. 공식 문서를 참고하면 class나 method 등 여러 용도에 따른 부가설정을 지정할 수 있다.

<?xml version="1.0" encoding="utf-8"?>
<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
    <CodeSnippet Format="1.0.0">
        <Header>
            <Title>cppt</Title>
            <Shortcut>cppt</Shortcut>
            <Description>직접 만든 코드 스니펫</Description>
            <Author>hana</Author>
			<SnippetTypes>
				<SnippetType>Expansion</SnippetType>
			</SnippetTypes>
        </Header>
        <Snippet>
            <Code Language="CPP">
                <![CDATA[#include <iostream>
#include <algorithm>
#include <vector>
#include <string>
#include <queue>
#include <cmath>
#define ll long long
using namespace std;

int main() {
    ios_base::sync_with_stdio(0);
    cin.tie(0); cout.tie(0);
	
	$end$

    return 0;
}]]>
            </Code>
        </Snippet>
    </CodeSnippet>
</CodeSnippets>
  • <Header> : 코드 조각의 설명을 작성하는 곳이다.

    • <Title> : 말 그대로 title이다. snippet 리스트에서 뜨는 제목.

    • <Shortcut> : 바로가기 키워드. 여기 적힌 키워드를 입력해서 해당 코드 스니펫을 삽입할 수 있다. (Title과 동일할 필요는 없는데 대부분 그렇게 되어있길래 나도 그렇게 설정했다.)

    • <Author>: 코드 조각 작성자를 지정한다.

    • <SnippetTypes> : 코드 조각을 삽입하는 방식을 지정한다. (선택적 항목)

  • <Snippet> : 삽입할 항목을 작성하는 곳이다.

    • <Code> : 코드 블록에 대한 컨테이너로, 언어 종류를 지정한다.

      • Language : 코드 조각의 언어를 지정한다.

      • <!{CDATA[...]}> : 괄호 안에 삽입할 코드를 작성한다.

Code 요소 - $end$

Code 요소의 텍스트에는 $end$$selected$ 라는 예약어를 사용할 수 있다.

  • $end$ 는 코드 조각을 삽입하고 나서 커서를 놓을 위치를 표시한다.

내가 작성한 코드 조각의 경우 호출하고 나면 $end$ 가 위치해있던 return 0; 위에 커서가 오는 것을 확인할 수 있다.

  • $selected$ 는 조각을 호출할 때 삽입되는 문서에서 선택한 텍스트를 나타낸다.

공식 문서에서의 예를 보면 이해하기 쉽다.

2. snippet 파일 적용하기

도구 탭에서 코드 조각 관리자를 연다.

가져오기 버튼을 눌러 저장해둔 snippet 파일을 추가한다.

오?류? 그리고 해결

ctrl+K+X 를 눌러 실행해보기

추가한 후에 새 창을 열어서 cppt를 치니까 아무것도 안 뜨는 거임!!!!

이것저것 해보다가 ctrl+K+X (코드 조각 관리자를 여는 바로 가기 키) 를 사용해 한 번 직접 열었더니

그 다음부터는 제대로 떴다.


굿.

profile
Backend

0개의 댓글