DIY VS 코드 확장 2: 게시
6418 단어 javascripttypescriptvscode
이에 대한 많은 내용이 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
Reference
이 문제에 관하여(DIY VS 코드 확장 2: 게시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/256hz/diy-vs-code-extension-2-publish-1d00
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
https://dev.azure.com/your-account-name/
vsce login <publisherId>
"repository": {
"type" : "git",
"url" : "https://github.com/256hz/SwapTernary"
}
// package.json
...
"contributes": {
"commands": [
{
"command": "256hz.swapTernary",
"title": "Swap Ternary"
}
],
"keybindings": [
{
"command": "256hz.swapTernary",
"key": "shift+alt+s"
}
]
},
vsce publish 0.1.0
Reference
이 문제에 관하여(DIY VS 코드 확장 2: 게시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/256hz/diy-vs-code-extension-2-publish-1d00텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)