Wéi erstallt Dir Projetssjablonen an Extensioun fir Visual Studio 2019

Salut!

Viru kuerzem hunn ech zwee Projekter Template fir Vue JS + Asp.Net Core erstallt, allebéid als Visual Studio 2019 Extensions. Si goufen op Visual Studio Maartplaz gedeelt, wéi Dir um Link hei drënner kënnt gesinn:

  • Schabloun Vue JS + Asp.Net Core 3.1

Wëllt Dir wësse wéi Dir Är eegen Extensioun erstellt an Ären eegene Template publizéiert? Wa jo, de Rescht vum Artikel ass e Schrëtt fir Schrëtt Prozess wéi Dir dat maacht.

Projet Kreatioun

Dat éischt wat Dir maache musst ass e Projet ze erstellen deen Dir als Template wëllt deelen. An dësem Artikel wäert ech Schrëtt fir Schrëtt mat dem Vue JS + Asp.Net Core Projet demonstréieren, deen ech scho publizéiert hunn.

Projet Export

Wann de Projet erstallt ass, gitt op Visual Studio 2019 op de Project Menu Optioun a wielt d'Optioun "Export Template":

Et ginn zwou Zorte vu Schablounen: Projektmal a Item Template. Wéi an eisem Fall schafe mir e Projet Template, hunn ech déi ënnerierdesch Optioun ausgewielt:

De nächste Schrëtt ass den Numm, d'Beschreiwung, d'Ikon ze konfiguréieren, deen de Benotzer gewise gëtt an d'Bildvirschau. Et ass wierklech wichteg dës Informatioun richteg anzestellen, sou vill wéi héich Qualitéit Dir kënnt, well et ginn endgülteg Benotzer erscheinen déi Är Template / Extensioun eroflueden an installéieren.

An net d'Optioun "Importéieren automatesch op Visual Studio" auschecken. Op déi Manéier kënnt Dir d'Verlängerung installéieren déi Dir erstallt.

Schlussendlech wäert de Prozess e kompakten Dossier generéieren deen de Template selwer enthält, awer et ass net d'Enn vun der Schafung:

Tags Definitioun

Wa mir en neie Projet am Visual Studio 2019 kreéieren, erschéngen d'Schabloune zesumme mat e puer spezifesche Tags, déi eis hëllefen d'Schablounen ze filteren:

Zënter der leschter Versioun vum Visual Studio 2019 sinn dës Tags obligatoresch fir déi déi eng Extensioun wëllen verëffentlechen. Ouni dës gëtt d'Extensioun installéiert, awer d'Schabloun gëtt ni an der Lëscht gewisen, och wann de Benotzer dat sicht.

Fir dës Tags ze kreéieren, öffnet de kompakt Dossier deen mat der Schabloun am leschte Schrëtt generéiert gouf an den .vstemplate Datei mat engem Text Editor opmaachen:

An der Sektioun "Template Data", füügt nach den Tag "ProvideDefaultName" der Tagelëscht Referenz op Är Template un, souwéi Plattform, Projekttyp, Sprooch, asw. A mengem Fall hunn ech folgend uginn:

Déi voll verfügbar Taglëscht fannt Dir um Link hei ënnen:

Schafe vun der Extensioun

Mat der Schabloun scho erstallt an den Tags gesat, elo ass et Zäit de Installatiounsdatei fir d'Extensioun ze kreéieren.

Fir dat ze erstellen, erstellt einfach e Projet vum Typ VSIX Project:

Dëst ass d'Grondstruktur vum Projet:

PS: awer ech hunn de Projetennumm mat speziellen Zeechen als "+" erstallt, just fir Léierzwecker, vermeit w.e.g. dat an real Szenarie ze maachen. Et ass besser ouni eidel Raim oder Spezial Zeechen ze kreéieren, wéi dat: TemplateVueJSAspNetCoreArtigoMedium, amplaz vum Numm deen ech gesat hunn. Et wäert Buildprobleemer vermeiden, well de VS automatesch Nummraim a Klassen generéiert mat deem Numm.

Maacht an der Root déi kompakt Ordnerreferenz op Är Template. Et ass wichteg datt de kompakt Dossier den .vstemplate Datei ännert mat den Tags, déi ech virdrun erwähnt hunn. Vergiess dat net.

Dëse Projet huet e manifestéierte Fichier, deen d'Informatiounen op der Extensioun e Installatiounsinstruktiounen enthält.

Wann Dir an där Datei duebel klickt, wäert se opmaachen wéi e Formulaire, deen een Dir vu Feld per Feld ausfëlle kënnt.

Verännert suergfälteg all déi néideg Info mat Qualitéit, well se och e Endbenutzer an der Installatioun an der Maartplaz erschéngt. Och ass et néideg d'Feld "Autor" richteg ze spezifizéieren, well et normalerweis de LAPTOP Numm huet.

Duerno klickt op "Assets":

Huelt déi existent Verméigen ewech, wann et der gëtt, a klickt op "Neit":

Wielt d'Optiounen, déi ech gesat hunn an am Wee spezifizéiert de kompakt Dossier, deen Dir zum Projet derbäigesat hutt.

Generatioun

Fir d'Installatiounsdatei ze erstellen, baut et just de Projet am Release Mode. Et wäert d'exe Datei generéieren déi benotzt gëtt fir d'Verlängerung op VS z'installéieren.

Fäerdeg! Eis Extensioun gouf erstallt. Dir kënnt et elo testen, ier Dir op der Visual Studio Maartplaz verëffentlecht, fir ze kucken ob alles gutt funktionnéiert.

Visual Studio Market Verëffentlechen

Am Fall Dir wëllt Är Extensioun fir de Public verëffentlechen, kënnt Dir dat op Visual Studio Marketplace maachen.

Fir dat ze maachen gitt op marketplace.visualstudio.com an, nodeems Dir mat Ärem Microsoft Kont ageloggt sidd, gitt op d'Optiounen hei ënnen:

Eroplueden den .exe vun Ärer Erweiderung:

Fëllt d'Form aus mat der Schabloun an der Extensiounsinformatioun. Wéi dës Informatioun ëffentlech wäert sinn, oppassen am Detail.

Wann de Prozess fäerdeg ass, späichere just a waart op d'Zoustëmmungsprozess. Dat kéint e puer Minutten daueren.

Konklusioun

Ech hoffen dësen Artikel huet Iech gehollef. Merci fir liesen.

Drënner sinn meng soziale Medien Profiler. Kontaktéiert eis roueg a Verbindung. An dëse Profiler deele ech dacks Inhalt iwwer Web Technologies an IT Eventer.

Twitter: https://twitter.com/alemalavasi Linkedin: https://www.linkedin.com/in/alexandremalavasi/

Ech hunn och viru kuerzem e Youtube Kanal erstallt fir der technescher Gemeinschaft mat dëser Plattform ze bäidroen, konzentréiert op .NET Core, Vue JS, Azure a méi. Wann Dir un dës Sujeten interesséiert sidd, da recommandéieren ech Iech ze abonnéieren. Geschwë gëtt regelméisseg Inhalt verëffentlecht, während ech Audio, Video an Inhalt astellen fir Iech eng qualitativ héichwäerteg Erfarung ze ginn.

Link: https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA