Visual Studio 2019 용 프로젝트 템플릿 및 확장을 만드는 방법

안녕!

최근에 Vue JS + Asp.Net Core에 대한 두 개의 프로젝트 템플릿을 모두 Visual Studio 2019 확장으로 만들었습니다. 아래 링크에서 볼 수 있듯이 Visual Studio 마켓 플레이스에서 공유되었습니다.

  • 템플릿 Vue JS + Asp.Net Core 3.1

자신 만의 확장 프로그램을 만들고 자신의 템플릿을 게시하는 방법을 알고 싶으십니까? 그렇다면 기사의 나머지 부분은 단계별로 프로세스를 수행하는 방법입니다.

프로젝트 생성

가장 먼저해야 할 일은 템플릿으로 공유하려는 프로젝트를 만드는 것입니다. 이 기사에서는 이미 게시 한 Vue JS + Asp.Net Core 프로젝트를 사용하여 단계별로 설명합니다.

프로젝트 수출

프로젝트가 생성되면 Visual Studio 2019에서 프로젝트 메뉴 옵션으로 이동하여 "템플릿 내보내기"옵션을 선택하십시오.

템플릿에는 프로젝트 템플릿과 아이템 템플릿의 두 가지 유형이 있습니다. 우리의 경우와 마찬가지로 프로젝트 템플릿을 생성 할 때 기본 옵션을 선택했습니다.

다음 단계는 사용자에게 표시 될 이름, 설명, 아이콘 및 이미지 미리보기를 구성하는 것입니다. 이 정보는 템플릿 / 확장 프로그램을 다운로드하여 설치하는 최종 사용자에게 표시되므로 가능한 한 고품질로이 정보를 올바르게 설정하는 것이 중요합니다.

"Visual Studio로 자동 가져 오기"옵션의 선택을 취소하십시오. 이렇게하면 생성중인 확장을 설치할 수 있습니다.

마지막으로 프로세스는 템플릿 자체를 포함하는 컴팩트 폴더를 생성하지만 생성의 끝은 아닙니다.

태그 정의

Visual Studio 2019에서 새 프로젝트를 만들면 템플릿을 필터링하는 데 도움이되는 템플릿이 특정 태그와 함께 나타납니다.

최신 버전의 Visual Studio 2019부터는 확장을 게시하려는 사용자에게이 태그가 필수입니다. 이를 사용하지 않으면 확장이 설치되지만 사용자가 검색하더라도 템플릿이 목록에 표시되지 않습니다.

이러한 태그를 만들려면 마지막 단계에서 템플릿으로 생성 된 컴팩트 폴더를 열고 텍스트 편집기를 사용하여 .vstemplate 파일을 엽니 다.

“템플릿 데이터”섹션에서“ProvideDefaultName”태그 뒤에 플랫폼, 프로젝트 유형, 언어 등과 같은 템플릿에 대한 태그 목록 참조를 추가하십시오. 필자의 경우 다음과 같이 지정했습니다.

사용 가능한 전체 태그 목록은 아래 링크에서 찾을 수 있습니다.

확장의 생성

템플리트가 이미 작성되고 태그가 설정되었으므로 이제 확장에 대한 설치 파일을 작성해야합니다.

이를 위해 VSIX Project 유형의 프로젝트를 작성하십시오.

이것이 프로젝트의 기본 구조입니다 :

추신 : 그러나 특정 특수 문자를 "+"로 사용하여 프로젝트 이름을 만들었습니다. 교시 목적으로 실제 시나리오에서는 그렇게하지 마십시오. 내가 입력 한 이름 대신 빈 공간이나 특수 문자없이 TemplateVueJSAspNetCoreArtigoMedium을 사용하지 않는 것이 좋습니다. VS는 해당 이름을 사용하여 자동으로 네임 스페이스와 클래스를 생성하기 때문에 빌드 문제를 방지합니다.

루트에 템플릿에 대한 컴팩트 폴더 참조를 포함시킵니다. 컴팩트 폴더에는 앞에서 언급 한 태그를 사용하여 .vstemplate 파일 변경 사항이 포함되어야합니다. 잊지 마세요.

이 프로젝트에는 확장 파일 설치 지침에 대한 정보가 들어있는 매니페스트 파일이 있습니다.

해당 파일을 두 번 클릭하면 양식처럼 열리 며 필드별로 채울 수 있습니다.

설치 및 마켓 플레이스의 최종 사용자에게도 표시되므로 품질에 따라 필요한 모든 정보를 신중하게 변경하십시오. 또한 일반적으로 LAPTOP 이름이 있으므로 "Author"필드를 올바르게 지정해야합니다.

그런 다음 "자산"을 클릭하십시오.

존재하는 경우 존재하는 자산을 제거하고 "새로 만들기"를 클릭하십시오.

내가 넣은 옵션을 선택하고 경로에 프로젝트에 추가 한 컴팩트 폴더를 지정하십시오.

세대

설치 파일을 만들려면 프로젝트를 릴리스 모드로 빌드하면됩니다. VS에 확장을 설치하는 데 사용되는 .exe 파일을 생성합니다.

끝난! 우리의 확장이 만들어졌습니다. Visual Studio 마켓 플레이스에 게시하기 전에 지금 테스트하여 모든 것이 제대로 작동하는지 확인할 수 있습니다.

Visual Studio Market 게시

확장을 공개적으로 게시하려는 경우 Visual Studio Marketplace에서 확장을 수행 할 수 있습니다.

그렇게하려면 marketplace.visualstudio.com으로 이동하여 Microsoft 계정으로 로그인 한 후 아래 옵션으로 이동하십시오.

확장 프로그램의 .exe를 업로드하십시오.

템플릿과 확장 정보로 양식을 작성하십시오. 해당 정보는 공개되므로주의를 기울이십시오.

프로세스가 완료되면 저장하고 승인 프로세스를 기다립니다. 몇 분 정도 걸릴 수 있습니다.

결론

이 기사가 도움이 되었기를 바랍니다. 읽어 주셔서 감사합니다.

아래는 소셜 미디어 프로필입니다. 자유롭게 연결하고 질문하십시오. 이 프로필에서는 웹 기술 및 IT 이벤트에 대한 내용을 자주 공유합니다.

트위터 : https://twitter.com/alemalavasi 링크드 인 : https://www.linkedin.com/in/alexandremalavasi/

또한 최근이 플랫폼을 사용하여 .NET Core, Vue JS, Azure 등에 중점을 둔 기술 커뮤니티에 기여하기 위해 Youtube 채널을 만들었습니다. 이 주제에 관심이 있으시면 구독을 권합니다. 오디오, 비디오 및 콘텐츠를 설정하여 고품질의 환경을 제공하는 동시에 콘텐츠가 곧 출시 될 예정입니다.

링크 : https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA