Si të krijoni shabllone të projektit dhe shtrirje për Visual Studio 2019

Hi!

Kohët e fundit, unë krijova dy modele projektesh për Vue JS + Asp.Net Core, të dyja si zgjerime Visual Studio 2019. Ata u ndanë në tregun Visual Studio, siç mund ta shihni në lidhjen më poshtë:

  • Model Vue JS + Asp.Net Core 3.1

Dëshironi të dini se si të krijoni shtrirjen tuaj dhe të publikoni modelin tuaj? Nëse po, pjesa tjetër e artikullit është një proces hap pas hapi se si ta bëni atë.

Krijimi i projektit

Gjëja e parë që duhet të bëni është të krijoni një projekt që dëshironi ta ndani si një shabllon. Në këtë artikull, do të demonstroj hap pas hapi duke përdorur projektin Vue JS + Asp.Net Core që kam botuar tashmë.

Eksporti i projektit

Pasi të krijohet projekti, në Visual Studio 2019 shkoni te opsioni i menusë së Projektit dhe zgjidhni opsionin "Modeli i eksportit":

Ekzistojnë dy lloje të modeleve: Model i projektit dhe shablloni i artikullit. Si në rastin tonë, ne jemi duke krijuar një model modeli, unë përzgjodha opsionin themelor:

Hapi tjetër është të konfiguroni emrin, përshkrimin, ikonën që do t'u shfaqet përdoruesve dhe pamjen e figurës. Reallyshtë me të vërtetë e rëndësishme ta vendosni si duhet këtë informacion, sa më shumë që të keni cilësi të lartë, sepse do t'u shfaqet përdoruesve përfundimtarë që do të shkarkojnë dhe instalojnë modelin / zgjatjen tuaj.

Dhe zgjidh kontrollin e opsionit "Importo automatikisht në Visual Studio". Në atë mënyrë, ju do të keni mundësi të instaloni shtesën që po krijoni.

Më në fund, procesi do të gjenerojë një dosje kompakte e cila përmban vetë modelin, por nuk është fundi i krijimit:

Përkufizimi i etiketave

Kur krijojmë një projekt të ri në Visual Studio 2019, shabllonet shfaqen së bashku me disa etiketa specifike, të cilat na ndihmojnë të filtrojmë shabllonet:

Që nga versioni i fundit i Visual Studio 2019, këto etiketa janë të detyrueshme për ata që duan të publikojnë një shtesë. Pa ato, shtesa do të instalohet, por shablloni nuk do të shfaqet kurrë në listë, edhe nëse përdoruesi e kërkon atë.

Për të krijuar këto etiketa, hapni dosjen kompakte që u krijua me shabllon në hapin e fundit dhe hapni skedarin .vstemplate duke përdorur një Redaktues teksti:

Në seksionin "Të dhënat e modelit", shtoni pas etiketës "ProvideDefaultName" referencën e listës së etiketave në modelin tuaj, të tilla si platforma, lloji i projektit, gjuha, etj. Në rastin tim, unë specifikova si më poshtë:

Lista e plotë e disponueshme e shënimeve mund të gjendet në lidhjen më poshtë:

Krijimi i zgjatjes

Me shabllonin e krijuar tashmë dhe etiketat e vendosura, tani është koha për të krijuar skedarin e instalimit për shtesën.

Për këtë, thjesht krijoni një projekt të tipit VSIX Project:

Kjo është struktura themelore e projektit:

PS: megjithatë unë krijova emrin e projektit duke përdorur karaktere të caktuara speciale si "+", vetëm për qëllime mësimore, ju lutemi shmangni që ta bëni atë në skenarë realë. Shtë më mirë të krijoni pa ndonjë hapësirë ​​boshe ose karaktere të veçantë, si ajo: TemplateVueJSAspNetCoreArtigoMedium, në vend të emrit që unë vendos. Do të parandalojë ndërtimin e çështjeve, për shkak të VS-së do të gjenerojë automatikisht vende emrash dhe klasa duke përdorur atë emër.

Përfshini në rrënjë referencën e dosjeve kompakte në modelin tuaj. Shtë e rëndësishme që dosja kompakte të përmbajë skedarët .vstemplate ndryshime me etiketat që përmenda më parë. Mos harroni atë.

Ky projekt ka një skedar të qartë, i cili do të përmbajë informacionin mbi udhëzimet e instalimit shtesë.

Nëse klikoni dy herë në atë skedar, ajo do të jetë e hapur si një formë, të cilën mund ta plotësoni në fushë nga fusha.

Ndryshoni me kujdes të gjitha informacionet e nevojshme me cilësi, sepse do t'i shfaqet përdoruesit përfundimtar edhe në instalim dhe në treg. Gjithashtu, është e nevojshme të specifikoni si duhet fushën e "Autorit", sepse normalisht ka emrin LAPTOP.

Pas kësaj, klikoni në "Pasuri":

Hiq aktivet ekzistuese, në rast se ka, dhe kliko tek "E Re":

Zgjidhni opsionet që vendosa dhe në shteg specifikoni dosjen kompakte që i keni shtuar projektit.

brez

Për të krijuar skedarin e instalimit, është vetëm ndërtimi i projektit në modalitetin e lëshimit. Ai do të gjenerojë skedarin .exe të përdorur për të instaluar shtesën në VS.

Done! Zgjatja jonë u krijua. Mund ta provoni tani, përpara se të publikoni në tregun Visual Studio, për të parë nëse gjithçka po funksionon mirë.

Publikimi i Tregut Visual Studio

Në rast se doni të publikoni shtrirjen tuaj për publikun, mund ta bëni atë në Visual Studio Marketplace.

Për ta bërë këtë, shkoni te marketplace.visualstudio.com dhe, pasi të regjistroheni me llogarinë tuaj të Microsoft, shkoni në opsionet më poshtë:

Vendosni .exe të zgjatjes suaj:

Plotësoni formularin me modelin dhe informacionin e zgjatjes. Meqenëse informacioni do të jetë publik, kushtojini vëmendje në detaje.

Pasi të përfundojë procesi, thjesht kurseni dhe prisni procesin e miratimit. Kjo mund të zgjasë disa minuta.

përfundim

Shpresoj që ky artikull të ju ndihmojë. Faleminderit që e lexove.

Më poshtë janë profilet e mia në mediat sociale. Mos ngurroni të lidheni dhe bëni një pyetje. Në këto profile, unë shpesh ndaja përmbajtje në lidhje me Teknologjitë e Uebit dhe ngjarjet e IT.

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

Unë gjithashtu krijova kohët e fundit një kanal në Youtube për të kontribuar në bashkësinë teknike duke përdorur këtë platformë, gjithashtu, i përqendruar në .NET Core, Vue JS, Azure dhe më shumë. Nëse jeni të interesuar për këto lëndë, ju rekomandoj të regjistroheni. Së shpejti do të lëshohen përmbajtje rregullisht, ndërsa unë po krijoj audio, video dhe përmbajtje për t'ju dhënë një përvojë me cilësi të lartë.

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