DIY VS 코드 확장 2: 게시

마지막 부분에서는 첫 번째 VS Code 확장을 개발하는 과정을 살펴보았습니다. 축하해요! 이제 마켓플레이스에 올려봅시다.

이에 대한 많은 내용이 Microsoft's guide에서 다루어지며 그 중 일부는 여기에서 재현됩니다. 나는 약간 혼란스러운 몇 가지 단계를 발견했기 때문에 이것을 만들었습니다.


출판



Azure Devops 계정 얻기



Marketplace에서 확장을 관리하려면 Azure Devops 계정이 필요합니다. You can sign up here.


게시자 만들기



(Microsoft's guide은 명령줄에서 이 작업을 수행할 것을 권장합니다. 이 작업은 더 이상 사용되지 않습니다. 아래와 같이 수행하십시오.)

Head to the Marketplace Management console 게시자를 생성합니다. 게시자 이름 및 ID와 같은 몇 가지 정보를 입력하라는 메시지가 표시됩니다.

게시자 ID는 마지막 단계에서 만든 명령 문자열에 들어가는 것입니다. 이제 돌아가서 다른 경우 변경할 수 있습니다. (자세한 내용은 참조하십시오. 다시 말하지만 모든 곳에서 변경하지 않으면 아무 것도 작동하지 않습니다.)


CLI 도구 가져오기



실행npm i -g vsce(NPM을 사용하는 경우). 이렇게 하면 확장을 게시하는 데 사용할 명령줄 도구인 vsce 가 설치됩니다.


PAT 받기



개인 액세스 토큰(PAT)이 필요합니다. 다음과 같은 DevOps 대시보드로 이동합니다.

https://dev.azure.com/your-account-name/

Follow the instructions in the official docs - 멋진 스크린샷과 자세한 설명이 있습니다.

토큰의 수명을 연장하고 Marketplace 관리 범위를 추가해야 합니다.

토큰이 보이면 복사하십시오. 그렇게 하지 않고 돌아가면 토큰을 잃게 되며 이 단계를 처음부터 다시 시작해야 합니다.


새 게시자로 로그인



명령줄에서 다음을 실행합니다.

vsce login <publisherId>

이전에 생성한 게시자 ID를 사용합니다. 도구는 여기에 붙여넣을 수 있는 PAT를 요청합니다.

package.json 작성


package.json를 엽니다. 다음 필드를 작성하십시오.
name : 마켓플레이스의 URL 슬러그입니다(형식에 따라 다름).
displayName : 확장 프로그램의 마켓플레이스 제목(사람들이 검색하기를 원하는 항목).
description : 검색에서 displayName 아래에 표시되는 텍스트입니다. (짧을수록 좋습니다.)
publisher : 위에서 만든 게시자 ID입니다.
repository : 저장소의 URL입니다. 다음과 같은 형식입니다.

  "repository": {
    "type" : "git",
    "url" : "https://github.com/256hz/SwapTernary"
  }

명령에 기본 핫키를 지정하려면 contributes.keybindings 를 추가할 수 있습니다. 내 contributes 섹션은 참조용으로 아래에 있습니다.

// package.json
  ...
  "contributes": {
    "commands": [
      {
        "command": "256hz.swapTernary",
        "title": "Swap Ternary"
      }
    ],
    "keybindings": [
      {
        "command": "256hz.swapTernary",
        "key": "shift+alt+s"
      }
    ]
  },



멋진 읽어보기 만들기



프로젝트의 루트에서 편집README.md - Marketplace에서 확장 프로그램을 탐색할 때 표시되는 내용입니다. 그들은 좋은 템플릿을 제공합니다. 여기에 데모 gif, 사용 지침 및 알려진 문제가 있는 것이 좋습니다.

법적 라이센스를 포함하기 위해 루트에 LICENSE를 추가하고 변경을 위해 CHANGELOG.md를 추가할 수도 있습니다.


게시!



확장 프로그램의 루트에 있는 명령줄에서 다음을 실행합니다.

vsce publish 0.1.0

원하는 버전을 사용할 수 있습니다. 스크립트가 올바른 번호로 package.json를 자동으로 업데이트합니다. semVer 규칙에 따라 형식을 지정해야 합니다.

여기서부터는 원하는 경우 버전 번호를 잊어버릴 수 있습니다. vsce publish [major/minor/patch]를 실행하면 자동으로 실행됩니다.

곧 이메일을 받게 됩니다(위에서 게시자를 만들 때 추가한 주소로). 게시에 성공했으며 이제 마켓플레이스에서 확장 프로그램을 찾을 수 있다고 표시되어야 합니다.

시도해 보세요. VS Code에서 Marketplace를 엽니다(shift + command + x). package.json에서 사용한 제목을 검색합니다. 귀하(및 다른 모든 사람)는 이제 내선 번호를 사용할 수 있습니다! 파인애플 파티를 위한 시간입니다.



확장 프로그램 개발의 세계에 오신 것을 환영합니다. 재미있게 보내세요!

질문이 있거나 막히면 아래에 자유롭게 질문하십시오.


표지 사진: Code by Clement H on Unsplash

좋은 웹페이지 즐겨찾기