편집기 항목 템플릿을 사용하여 확장 만들기

Visual Studio SDK에 포함된 항목 템플릿을 사용하여 분류자, 장식 및 여백을 편집기에 추가하는 기본 편집기 확장을 만들 수 있습니다. 편집기 항목 템플릿은 Visual C# 또는 Visual Basic VSIX 프로젝트에 사용할 수 있습니다.

필수 조건

• Visual Studio에 Visual Studio 확장 개발 워크로드가 설치되어 있습니다.

분류자 확장 만들기

편집기 분류자 항목 템플릿은 모든 텍스트 파일에서 적절한 텍스트(이 경우 모든 항목)에 색을 지정하는 편집기 분류자를 만듭니다.

1. VSIX 프로젝트 템플릿을 사용하여 새 프로젝트를 만듭니다. 이름을 TestClassifier으로 지정하세요.

2. 솔루션 탐색기에서 프로젝트 노드를 마우스 오른쪽 단추로 클릭하고새 항목>를 선택합니다. 압축 창이 나타나면 모든 서식 파일 표시를 클릭합니다. Visual C# 확장성 노드로 이동하여 편집기 분류자를 선택합니다. 기본 파일 이름(EditorClassifier1.cs)을 그대로 둡니다.

3. 다음과 같이 4개의 코드 파일이 있습니다.

   • EditorClassifier1.cs 클래스를 EditorClassifier1 포함합니다.

   • EditorClassifier1ClassificationDefinition.cs 클래스를 EditorClassifier1ClassificationDefinition 포함합니다.

   • EditorClassifier1Format.cs 클래스를 EditorClassifier1Format 포함합니다.

   • EditorClassifier1Provider.cs 클래스를 EditorClassifier1Provider 포함합니다.

4. 프로젝트를 빌드하고 디버깅을 시작합니다. Visual Studio의 실험적 인스턴스가 나타납니다.

   텍스트 파일을 열면 모든 텍스트가 보라색 배경에 밑줄이 표시됩니다.

텍스트-상대 장식 확장 만들기

편집기 텍스트 장식 템플릿은 빨간색 윤곽선과 파란색 배경이 있는 상자를 사용하여 텍스트 문자 'a'의 모든 인스턴스를 데코레이트하는 텍스트 상대 장식을 만듭니다. 상자가 이동하거나 서식이 변경되더라도 항상 'a' 문자를 오버레이하기 때문에 텍스트에 상대적입니다.

1. VSIX 프로젝트 템플릿을 사용하여 새 프로젝트를 만듭니다. 이름을 TestAdornment으로 지정하세요.

2. 솔루션 탐색기에서 프로젝트 노드를 마우스 오른쪽 단추로 클릭하고새 항목>를 선택합니다. Visual C# 확장성 노드로 이동하여 편집기 텍스트 표시를 선택합니다. 기본 파일 이름(TextAdornment1.cs/vb)을 그대로 둡니다.

3. 다음과 같이 두 개의 코드 파일이 있습니다.

   • TextAdornment1.cs 클래스를 TextAdornment1 포함합니다.

   • TextAdornment1TextViewCreationListener.cs 클래스를 TextAdornment1TextViewCreationListener 포함합니다.

4. 프로젝트를 빌드하고 디버깅을 시작합니다. 실험적 인스턴스가 나타납니다. 텍스트 파일을 열면 텍스트의 모든 'a' 문자가 파란색 배경에 빨간색으로 윤곽선으로 표시됩니다.

뷰포트에 상대적인 장식 확장 프로그램 만들기

편집기 뷰포트 장식 템플릿은 뷰포트의 오른쪽 위 모서리에 빨간색 윤곽선이 있는 바이올렛 상자를 추가하는 뷰포트 상대 장식을 만듭니다.

편집기 뷰포트 표시 서식 파일을 사용하여 뷰포트 표시 확장을 만들려면

1. VSIX 프로젝트 템플릿을 사용하여 새 프로젝트를 만듭니다. 이름을 ViewportAdornment으로 지정하세요.

2. 솔루션 탐색기에서 프로젝트 노드를 마우스 오른쪽 단추로 클릭하고새 항목>를 선택합니다. Visual C# 확장성 노드로 이동하여 편집기 뷰포트 표시를 선택합니다. 기본 파일 이름(ViewportAdornment1.cs/vb)을 그대로 둡니다.

3. 다음과 같이 두 개의 코드 파일이 있습니다.

   • ViewportAdornment1.cs 클래스를 ViewportAdornment1 포함합니다.

   • ViewportAdornment1TextViewCreationListener.cs 클래스를 ViewportAdornment1TextViewCreationListener 포함합니다.

4. 프로젝트를 빌드하고 디버깅을 시작합니다. 실험적 인스턴스가 나타납니다. 새 텍스트 파일을 만드는 경우 빨간색 윤곽선이 있는 바이올렛 상자가 뷰포트의 오른쪽 위 모서리에 표시됩니다.

여백 확장 만들기

편집기 여백 템플릿은 가로 스크롤 막대 아래에 *Hello world! 라는 단어와 함께 표시되는 녹색 여백을 만듭니다.

편집기 여백 템플릿을 사용하여 여백 확장을 만들려면

1. VSIX 프로젝트 템플릿을 사용하여 새 프로젝트를 만듭니다. 이름을 MarginExtension으로 지정하세요.

2. 솔루션 탐색기에서 프로젝트 노드를 마우스 오른쪽 단추로 클릭하고새 항목>를 선택합니다. Visual C# 확장성 노드로 이동하여 편집기 여백을 선택합니다. 기본 파일 이름(EditorMargin1.cs/vb)을 그대로 둡니다.

3. 다음과 같이 두 개의 코드 파일이 있습니다.

   • EditorMargin1.cs 클래스를 EditorMargin1 포함합니다.

   • EditorMargin1Factory.cs 클래스를 EditorMargin1Factory 포함합니다.

4. 이 프로젝트를 빌드하고 디버깅을 시작합니다. 실험적 인스턴스가 나타납니다. 텍스트 파일을 열면 Hello EditorMargin1 이라는 단어가 있는 녹색 여백이 가로 스크롤 막대 아래에 표시됩니다.

관련 콘텐츠

• 언어 서비스 및 편집기 확장 지점