Kuidas luua Visual Studio 2019 projekti malle ja laiendit

Tere!

Hiljuti lõin kaks Vue JS + Asp.Net Core projektiprojekti malli, need mõlemad olid Visual Studio 2019 laiendid. Neid jagati Visual Studio turul, nagu näete alloleval lingil:

  • Mall Vue JS + Asp.Net Core 3.1

Kas soovite teada, kuidas luua oma laiend ja avaldada oma mall? Kui jah, siis ülejäänud artikkel on samm-sammuline protsess, kuidas seda teha.

Projekti loomine

Esimene asi, mida peate tegema, on luua projekt, mida soovite mallina jagada. Selles artiklis demonstreerin samm-sammult, kasutades juba avaldatud projekti Vue JS + Asp.Net Core.

Projekti eksport

Kui projekt on loodud, minge Visual Studio 2019 menüüvalikusse Projekt ja valige suvand „Ekspordi mall“:

Malle on kahte tüüpi: projekti mall ja üksuse mall. Kuna antud juhul loome projekti malli, valisin selle aluseks oleva valiku:

Järgmine samm on kasutajale kuvatava nime, kirjelduse, ikooni ja pildi eelvaate konfigureerimine. On tõesti oluline, et see teave oleks õigesti seadistatud, nii kvaliteetselt kui võimalik, sest see ilmub lõppkasutajatele, kes laadivad teie malli / laienduse alla ja installivad selle.

Ja eemaldage märkeruut suvandi „Impordi automaatselt Visual Studiosse” märkeruut. Sel viisil saate installida loodava laienduse.

Lõpuks genereerib protsess kompaktse kausta, mis sisaldab malli ennast, kuid see ei ole loomise lõpp:

Siltide määratlus

Kui loome Visual Studio 2019-s uue projekti, ilmuvad mallid koos mõne konkreetse sildiga, mis aitab meil malle filtreerida:

Alates Visual Studio 2019 uusimast versioonist on need sildid kohustuslikud neile, kes soovivad laiendust avaldada. Ilma nendeta installitakse laiendus, kuid malli ei kuvata kunagi loendis, isegi kui kasutaja seda otsib.

Nende siltide loomiseks avage kompaktne kaust, mis loodi malli abil viimases etapis, ja avage .vstemplate-fail tekstiredaktori abil:

Jaotises „Malli andmed” lisage sildi „ProvideDefaultName” järele sildi loendi viide teie mallile, näiteks platvormile, projekti tüübile, keelele jne. Minu puhul täpsustasin järgmist:

Täieliku saadaolevate siltide loendi leiate allolevalt lingilt:

Laiendi loomine

Kui mall on juba loodud ja sildid seatud, on nüüd aeg luua laienduse installifail.

Selleks looge lihtsalt tüüp VSIX Project:

See on projekti põhistruktuur:

PS: siiski lõin projekti nime kasutades teatud erimärke kui “+”, lihtsalt õpetamise eesmärgil, palun vältige seda tegelike stsenaariumide korral. Parem on luua ilma tühjade tühikute või erimärkideta, näiteks: TemplateVueJSAspNetCoreArtigoMedium minu nime asemel. See hoiab ära ehitamisprobleemid, kuna VS genereerib seda nime kasutades automaatselt nimeruumid ja klassid.

Lisage juur kompaktse kausta viide oma mallile. On oluline, et kompaktne kaust sisaldaks .vstemplate-faili muudatusi siltidega, mida ma juba mainisin. Ärge seda unustage.

Sellel projektil on manifestifail, mis sisaldab teavet laienduse e installimisjuhiste kohta.

Kui teete sellel failil topeltklõpsu, avaneb see nagu vorm, mille saate täita väljade kaupa.

Muutke hoolikalt kogu vajalikku teavet koos kvaliteediga, kuna see kuvatakse lõppkasutajale ka installimisel ja turul. Samuti on vaja välja "Autor" õigesti määratleda, kuna sellel on tavaliselt nimi LAPTOP.

Pärast seda klõpsake valikul „Varad”:

Eemaldage olemasolevad varad, kui neid on, ja klõpsake nuppu „Uus”:

Valige suvandid, mille panen, ja määrake teele kompaktne kaust, mille olete projekti lisanud.

Põlvkond

Installifaili loomiseks on projekti ehitamine lihtsalt vabastamisrežiimis. See genereerib .exe-faili, mida kasutatakse laienduse installimiseks VS-i.

Valmis! Meie laiendus loodi. Saate seda enne Visual Studio turul avaldamist proovida, et näha, kas kõik töötab hästi.

Visual Studio Market Publish

Kui soovite oma laienduse avalikkusele avaldada, saate seda teha Visual Studio Marketplace'is.

Selleks minge saidile marketplace.visualstudio.com ja pärast oma Microsofti kontoga sisselogimist minge järgmistesse valikutesse:

Laadige üles oma laiendi .exe:

Täitke vorm malli ja laienditeabega. Kuna see teave on avalik, pöörake tähelepanu üksikasjalikult.

Kui protsess on lõpule jõudnud, lihtsalt salvestage ja oodake kinnitamisprotsessi. Selleks võib kuluda mõni minut.

Järeldus

Loodan, et see artikkel aitas teid. Täname, et lugesite seda.

Allpool on minu sotsiaalmeedia profiilid. Võtke ühendust ja küsige julgelt. Nendes profiilides jagan sageli sisu veebitehnoloogiate ja IT-sündmuste kohta.

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

Lõin hiljuti ka Youtube'i kanali, et anda oma panus tehnilisse kogukonda, kasutades ka seda platvormi, keskendudes .NET Core'ile, Vue JS-le, Azure'ile ja muule. Kui olete neist teemadest huvitatud, soovitan teil tellida. Varsti avaldatakse sisu regulaarselt, samal ajal kui hääletan heli, videot ja sisu, et pakkuda teile kvaliteetset kogemust.

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