Snippet 가이드

여러분은 contributes.snippets Contribution Point를 사용하여 Visual Studio Code 익스텐션에 snippet을 번들링 하여 공유 할 수 있습니다.

snippet 생성 주제에는 snippet 생성에 관한 모든 정보가 포함되어 있습니다. 이번 가이드와 예시에서는 여러분의 snippet을 익스텐션으로 바꾸는 방법만을 보여주고 있습니다. 제안 되는 작업 순서는 아래와 같습니다 :

• Preferences: Configure User Snippets 커맨드를 이용하여 snippet을 생성하고 테스트하십시오
• snippet이 정상작동할 경우, 전체 JSON 파일을 익스텐션 폴더로 복사하십시오
• package.json에 다음 snippet contribution을 추가하십시오

{
  "contributes": {
    "snippets": [
      {
        "language": "javascript",
        "path": "./snippets.json"
      }
    ]
  }
}

완전한 소스코드를 이곳에서 확인 할 수 있습니다: https://github.com/Microsoft/vscode-extension-samples/tree/master/snippet-sample

팁: package.json에 아래와 같은 설정을 통해 여러분의 익스텐션에 snippet 익스텐션 태그를 붙이십시오:

{
  "categories": ["Snippets"]
}

TextMate snippets 사용

yo code 익스텐션 생성기를 사용하여 VS Code 설치에 TextMate snippet (.tmSnippets)을 추가 하는 것도 가능합니다. 생성기는 여러개의 .tmSnippets 파일을 포함한 폴더를 지정하는 New Code Snippets라는 옵션이 있으며 그 파일들은 VS Code snippet 익스텐션으로 패키징 될 것입니다. 생성기는 Sublime snippets 또한 지원합니다. (.sumlime-snippets)

생성기의 최종 출력물은 2 파일로 구성됩니다 : snippet을 VS Code에 통합하기 위한 메타데이터를 갖는 익스텐션 manifest package.json 과, VS Code snippet 형태로 변환된 snippet을 포함하는 snippets.json파일.

.
├── snippets                    // VS Code integration
│   └── snippets.json           // The JSON file w/ the snippets
└── package.json                // extension's manifest

생성된 snippet 폴더를 .vscode/extensions 폴더 아래의 새 폴더로 복사한 다음 VS Code를 재 시작하십시오.