Kako ustvariti predloge projektov in razširitev za Visual Studio 2019

Živjo!

Pred kratkim sem ustvaril dve predlogi projektov za Vue JS + Asp.Net Core, obe pa kot razširitve Visual Studio 2019. Delili so jih na trgu Visual Studio, kot lahko vidite na spodnji povezavi:

  • Predloga Vue JS + Asp.Net Core 3.1

Bi radi vedeli, kako ustvariti svojo razširitev in objaviti svojo predlogo? Če je odgovor pritrdilen, je preostanek članka korak za korakom, kako to storiti.

Ustvarjanje projektov

Prva stvar, ki jo morate storiti, je ustvariti projekt, ki ga želite deliti kot predlogo. V tem članku bom korak za korakom prikazal uporabo projekta Vue JS + Asp.Net Core, ki sem ga že objavil.

Izvoz projekta

Ko je projekt ustvarjen, v Visual Studio 2019 pojdite na meni Projekt in izberite možnost »Izvezi predlogo«:

Predloge sta dve vrsti: predloga projekta in predloga predmeta. Kot v našem primeru ustvarjamo predlogo projekta, sem tudi jaz izbral osnovno možnost:

Naslednji korak je konfiguriranje imena, opisa, ikone, ki bo prikazana uporabnikom, in predogled slike. Resnično je pomembno, da te podatke pravilno nastavite, kolikor lahko kakovostne, saj se bodo prikazale končnim uporabnikom, ki bodo prenesli in namestili predlogo / razširitev.

Počistite možnost »Samodejno uvozi v Visual Studio«. Na ta način boste lahko namestili razširitev, ki jo ustvarjate.

Končno bo postopek ustvaril kompaktno mapo, ki vsebuje samo predlogo, vendar ustvarjanja ni konec:

Opredelitev oznak

Ko ustvarimo nov projekt v Visual Studio 2019, se predloge prikažejo skupaj z nekaterimi posebnimi oznakami, ki nam pomagajo filtrirati predloge:

Od najnovejše različice Visual Studio 2019 so te oznake obvezne za tiste, ki želijo objaviti razširitev. Brez tega bo razširitev nameščena, vendar predloga nikoli ne bo prikazana na seznamu, tudi če uporabnik to išče.

Če želite ustvariti te oznake, odprite kompaktno mapo, ki je bila ustvarjena s predlogo v zadnjem koraku in odprite datoteko .vstemplate z urejevalnikom besedil:

V razdelku »Podatki predloge« dodajte za oznako »ProvideDefaultName« navedbo seznama oznak na vašo predlogo, kot so platforma, vrsta projekta, jezik itd. V mojem primeru sem določil, kot sledi:

Celoten seznam razpoložljivih oznak najdete na spodnji povezavi:

Ustvaritev razširitve

Z že ustvarjeno predlogo in nastavljenimi oznakami je zdaj čas, da ustvarite namestitveno datoteko za razširitev.

Za to samo ustvarite projekt vrste VSIX Project:

To je osnovna struktura projekta:

PS: vendar sem ime projekta ustvaril z določenimi posebnimi znaki kot "+", samo za namene poučevanja, to ne uporabljajte v realnih scenarijih. Bolje je ustvariti brez praznih presledkov ali posebnih znakov, kot je: TemplateVueJSAspNetCoreArtigoMedium, namesto imena, ki ga vstavim. To bo preprečilo težave pri gradnji, ker bo VS samodejno ustvaril prostore imen in razredov s tem imenom.

V koren vključite sklic kompaktne mape na predlogo. Pomembno je, da bi kompaktna mapa vsebovala spremembe datoteke .vstemplate z oznakami, ki sem jih prej omenil. Ne pozabite tega.

Ta projekt ima manifestno datoteko, ki bo vsebovala informacije o priponki in navodila za namestitev.

Če dvokliknete to datoteko, bo odprta kot obrazec, ki ga lahko izpolnite polje po polje.

Skrbno spremenite vse potrebne informacije, ker bodo končni uporabniki prikazani tudi v namestitvi in ​​na trgu. Prav tako je treba pravilno določiti polje »Avtor«, ker je običajno ime LAPTOP.

Po tem kliknite na »Sredstva«:

Odstranite obstoječa sredstva, če obstajajo, in kliknite »Novo«:

Izberite možnosti, ki sem jih postavil, in na poti določite kompaktno mapo, ki ste jo dodali projektu.

Generacija

Če želite ustvariti namestitveno datoteko, projekt samo gradite v sprostitvenem načinu. Generirala bo datoteko .exe, ki se uporablja za namestitev razširitve na VS.

Končano! Naš razširitev je bila ustvarjena. Lahko ga preizkusite zdaj, preden objavite na trgu Visual Studio, in preverite, ali vse deluje v redu.

Visual Studio Market Publish

Če želite razširitev objaviti javnosti, lahko to storite na Visual Studio Marketplace.

Če želite to narediti, pojdite na marketplace.visualstudio.com in po prijavi s svojim Microsoftovim računom pojdite na spodnje možnosti:

Naložite .exe razširitve:

Izpolnite obrazec s predlogo in informacijami o razširitvi. Ker bodo te informacije javne, bodite pozorni na podrobnosti.

Ko je postopek končan, samo shranite in počakajte na postopek odobritve. To bi lahko trajalo nekaj minut.

Zaključek

Upam, da vam je ta članek pomagal. Hvala, ker ste ga prebrali.

Spodaj so moji profili družbenih medijev. Povežite se in postavite vprašanje. V teh profilih pogosto delim vsebino o spletnih tehnologijah in IT dogodkih.

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

Pred kratkim sem ustvaril tudi Youtube kanal, da bi s pomočjo te platforme prispeval tudi k tehnični skupnosti, osredotočen na .NET Core, Vue JS, Azure in še več. Če vas te teme zanimajo, priporočam, da se naročite. Kmalu bodo redno objavljane vsebine, jaz pa nastavljam avdio, video in vsebine, da vam omogočim kakovostno izkušnjo.

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