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

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

분류자 확장 만들기

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

1. 새 프로젝트 대화 상자에서 Visual C# 또는 Visual Basic을 확장한 다음, 확장성을 클릭합니다. 템플릿 창에서 VSIX 프로젝트를 선택합니다. 이름 상자에 TestClassifier을 입력합니다. 확인을 클릭합니다.

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

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

   • EditorClassifier1.cs에는 EditorClassifier1 클래스가 포함됩니다.

   • EditorClassifier1ClassificationDefinition.cs에는 EditorClassifier1ClassificationDefinition 클래스가 포함됩니다.

   • EditorClassifier1Format.cs에는 EditorClassifier1Format 클래스가 포함됩니다.

   • EditorClassifier1Provider.cs에는 EditorClassifier1Provider 클래스가 포함됩니다.

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

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

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

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

1. 새 프로젝트 대화 상자에서 Visual C# 또는 Visual Basic을 확장한 다음, 확장성을 클릭합니다. 템플릿 창에서 VSIX 프로젝트를 선택합니다. 이름 상자에 TestAdornment을 입력합니다. 확인을 클릭합니다.

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

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

   • TextAdornment1.cs에는 TextAdornment1 클래스가 포함됩니다.

   • TextAdornment1TextViewCreationListener.cs에는 TextAdornment1TextViewCreationListener 클래스가 포함됩니다.

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

뷰포트 상대적 장식 확장 만들기

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

편집기 뷰포트 장식 템플릿을 사용하여 뷰포트 장식 확장을 만들려면

1. 새 프로젝트 대화 상자에서 Visual C# 또는 Visual Basic을 확장한 다음, 확장성을 클릭합니다. 템플릿 창에서 VSIX 프로젝트를 선택합니다. 이름 상자에 ViewportAdornment을 입력합니다. 확인을 클릭합니다.

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

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

   • ViewportAdornment1.cs에는 ViewportAdornment1 클래스가 포함됩니다.

   • ViewportAdornment1TextViewCreationListener.cs에는 ViewportAdornment1TextViewCreationListener 클래스가 포함됩니다.

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

여백 확장 만들기

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

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

1. 새 프로젝트 대화 상자에서 Visual C# 또는 Visual Basic을 확장한 다음, 확장성을 클릭합니다. 템플릿 창에서 VSIX 프로젝트를 선택합니다. 이름 상자에 MarginExtension을 입력합니다. 확인을 클릭합니다.

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

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

   • EditorMargin1.cs에는 EditorMargin1 클래스가 포함됩니다.

   • EditorMargin1Factory.cs에는 EditorMargin1Factory 클래스가 포함됩니다.

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

관련 콘텐츠

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