로컬zen에서 집필 활동을 진행하는 vscode 확장 기능'vs-zen'을 만들어 보았습니다(변경)

원래 보도는 여기에 있다 하지만 잘 처리되서 vscode의 확장 기능이 처음 공개돼서 했던 일들을 정리해봤어요.

이거 뭐야?

zenn-cli를 사용하여 새 글과 책을 만들면 16진법의 무작위 문자열이 파일 이름으로 바뀌고, 직접 자원 관리자로 표시하면 뭐라고 쓰일지 내용을 보지 않으면 알 수 없다
하나씩 여는 것은 매우 번거롭기 때문에 그것을 제거한다vs-zenn

실제로 어떻게 될지.

before
after


여기서 파일을 열어 편집할 수도 있습니다.

기능

title에 표시된 것을 중심으로 사용하면 몇 가지 편리한

뉴스.

emoji 및 title를 사용하여 리소스 매니저에 표시

리소스 매니저에서 기사 열기

명령 트레이에서 새로 만들기

지정 가능title 및 type

책.

사용title 리소스 매니저에 표시

중첩 각 장 표시

섹션당 title에 리소스 매니저

명령 트레이에서 새로 만들기

지정 가능title

공개 확장

확장된 기능의 개발 환경이미 구축됐지만은 공개되지 않았기 때문에 총괄하였다.
기본적으로 공식공개 전 방법과 똑같아요.

설치 vsce

공개vsce해야 하니까 이걸 설치해

npm install -g vsce
# yarn派はこちら
yarn global add vsce

참고로 명령줄에서 vscode의 확장 기능을 포장, 공개, 비공개 관리하는 도구입니다.

Azure DevOps에서 개인 액세스 토큰을 가져옵니다.

포장을 하더라도 Azure DevOps에서 발행하는 개인 방문 영패와passher 등록이 필요하기 때문에 이런 것들을 준비합니다
먼저 개인 액세스 토큰부터 시작하겠습니다.
액세스Azure DevOps 로그인
microsoft 계정 필요(이번 생략)
로그인 완료 후 ↓에서 Personal access tokens 클릭
new token에 영패 만들기 이때 3곳 설정 변경 Organization: All accessible organizations scopes: Custom defined Manage 확인 Show all scope을 클릭하면 나옵니다. create 단추를 누르면 기호화폐가 표시됩니다 영패는 이 시간에만 표시됩니다. 로컬 어딘가로 복사하십시오 만약 어떤 이유로 화면에 업데이트가 나타났다면, 영패를 다시 만드십시오 충전재를 만들다 이어서 vsce를 사용하여pabricher를 제작한다 공개 확장 시 이 이름으로 공개 우선, 패키지.json에publisher를 쓰다 { "publisher": "publisher-name", } 다음 명령을 실행합니다 vsce create-publisher <publisher-name> 대화식으로 publisher-name(사람 친해지기 쉬운 이름), 이메일, Personal Access Token을 입력하기 때문에 먼저 두 개를 입력하고 마지막에 Azure DevOps로 발행한 영패를 입력한다. Successfully created publisher '<publisher-name>'. 이렇게 하면 성공의 로그를 표시하면 OK입니다 README.편집 README.md이지만 이 내용이 갑자기 시장 플랫폼의 확장 기능 페이지에 올랐기 때문에 vscode의 확장 기능 템플릿 편집이 없으면 좋지 않습니다 적절한 수정 권고 기본적으로 영어지만 일본어도 괜찮아요. 실제 공개 여기까지 와서 공개할 준비가 됐습니다. 아래 명령으로 간단하게 공개할 수 있다 vsce publish 마지막 로그에 공개용 URL이 뜨면 성공, 수고하셨습니다. WARN에서 repository를 설정하지 않은 상황이 발생하면 패키지입니다.json에 repository와 그 URL을 입력하면 해제됩니다 { "repository": "repository-url" }