이 출시되었습니다! 11월의 새로운 기능 및 수정 사항을 읽어보세요.

확장 팩

2017년 3월 7일 Wade Anderson, @waderyan_

지난 1년간 저희 블로그를 구독하셨다면, 제가 한 달에 한 번 확장 기능 요약 블로그를 작성한다는 것을 눈치채셨을 겁니다. 저는 커뮤니티에서 만들어지는 멋진 확장 기능에 대해 알리고 여러분이 직접 확장 기능을 만들도록 영감을 주기 위해 이 블로그를 작성합니다. 종종 요약 블로그에 주제를 부여합니다. 예를 들어 자바스크립트 확장 기능이나 (지난달) CodeLens 확장 기능 같은 주제 말이죠.

이 블로그의 주제를 확장 기능 API의 비교적 새로운 부분인 확장 기능 팩으로 정하는 것은 자연스러운 선택입니다. 지난달 저는 제가 좋아하는 모든 CodeLens 확장 기능을 모으기 위해 첫 확장 기능 팩을 만들었습니다. 이번 달 요약 블로그에서는 여러분만의 팩을 만드는 방법을 알려드리고 왜 확장 기능 팩을 사용해야 하는지에 대한 몇 가지 예를 제공하고자 합니다.

자세한 내용은 확장 기능 팩 문서를 참조하세요.

확장 기능 팩은 어떻게 만드나요?

확장 기능 팩을 만드는 것은 매우 쉽습니다. Yeoman VS Code 확장 기능 생성기를 설치하는 방법에 대한 지침을 따르세요.

Yeoman 생성기가 설치되면 다음 명령을 실행하세요.

yo code

아래 이미지와 같이 새 확장 기능 팩을 선택하세요.

new extension pack

Yeoman에서 제공하는 옵션을 채우세요. 옵션 중 하나는 현재 설치된 확장 기능을 기반으로 확장 기능 팩을 만드는 것입니다. 이렇게 하면 확장 기능 팩의 많은 세부 정보가 자동으로 채워집니다!

확장 기능을 포함하려면 확장 기능 매니페스트 파일(package.json)에 다음 속성이 필요합니다.

"extensionPack": [
        "publisherid.extensionName"
    ]

마켓플레이스에서 확장 기능 URL 끝에 있는 publisherid.extensionName을 볼 수 있습니다.

제 CodeLens 요약의 경우 확장 기능 매니페스트 파일은 다음과 같습니다.

"extensionPack": [
    "eamodio.gitlens",
    "VisualStudioOnlineApplicationInsights.application-insights",
    "kisstkondoros.vscode-codemetrics",
    "chrmarti.regex",
    "pflannery.vscode-versionlens"
]

왜 확장 기능 팩을 만들어야 하나요?

확장 기능 팩을 만드는 데에는 여러 가지 이유가 있습니다.

  • 친구들과 공유하고 싶은 좋아하는 확장 기능 목록을 만들고 싶으신가요? 확장 기능 팩을 사용하세요.
  • 파이썬 프로젝트 작업을 할 때 쉽게 비활성화하고 활성화할 수 있도록 파이썬 확장 기능을 묶고 싶으신가요? 확장 기능 팩을 사용하세요.
  • VS Code 웹사이트에 대한 블로그 게시물에 사용할 엄선된 확장 기능 목록을 만들고 싶으신가요? 확장 기능 팩을 사용하세요.

다른 사용자가 만든 확장 기능 팩은 확장 기능 팩 범주를 사용하여 쿼리할 수 있습니다. 마켓플레이스를 보려면 여기를 클릭하거나 VS Code의 확장 기능 보기 검색창에 category:"Extension Packs"를 입력하세요.

제가 좋아하는 확장 기능 중 일부는 다음과 같습니다.

  • Azure Tools Extension Pack by Microsoft. Azure 리소스를 사용하는 경우 필수입니다. 저희는 다양한 Azure 확장 기능을 하나의 설치로 그룹화하기 위해 이 팩을 만들었습니다.
  • React Native iOS Pack by Matt Bierner. Matt는 React Native, Objective-C 및 Swift 작업을 위한 훌륭한 도구들을 모아 놓았습니다.
  • Node.js Extension Pack by waderyan. 면책 조항: 노골적인 자기 홍보 😊. 저는 이 확장 기능을 이전 블로그 게시물에서 제가 좋아하는 Node.js 확장 기능들을 모으기 위해 만들었습니다.

다른 좋아하는 확장 기능이 있거나 다음 요약에서 자신의 확장 기능을 보고 싶으신가요? Twitter로 저희에게 핑을 주세요!

Wade Anderson, VS Code 팀원   @waderyan_

© . This site is unofficial and not affiliated with Microsoft.