Kako stvoriti predloške projekata i proširenje za Visual Studio 2019

Bok!

Nedavno sam stvorio dvije predloške projekta za Vue JS + Asp.Net Core, obje kao proširenja za Visual Studio 2019. Dijelili su ih na tržištu Visual Studio, kao što možete vidjeti na donjoj poveznici:

  • Predložak Vue JS + Asp.Net Core 3.1

Želite li znati kako stvoriti vlastiti nastavak i objaviti vlastiti predložak? Ako je odgovor da, ostatak članka korak po korak je postupak kako to učiniti.

Izrada projekta

Prvo što morate učiniti je stvoriti projekt koji želite podijeliti kao predložak. U ovom ću članku pokazati korak po korak pomoću projekta Vue JS + Asp.Net Core koji sam već objavio.

Izvoz projekata

Nakon što je projekt kreiran, u Visual Studio 2019 idite na opciju izbornika Projekta i odaberite opciju "Izvezi predložak":

Postoje dvije vrste predložaka: predložak projekta i predložak predmeta. Kao što je to slučaj u našem slučaju, stvaramo predložak projekta, odabrao sam temeljnu opciju:

Sljedeći je korak konfiguriranje imena, opisa, ikone koja će se prikazati korisnicima i pregleda slike. Zaista je važno pravilno postaviti ove podatke, koliko god možete visoke kvalitete, jer će se oni pojaviti krajnjim korisnicima koji će preuzeti i instalirati vaš predložak / proširenje.

Poništite opciju "Automatski uvozi u Visual Studio". Na taj ćete način moći instalirati proširenje koje stvarate.

Konačno, postupak će stvoriti kompaktnu mapu koja sadrži sam predložak, ali to nije kraj stvaranja:

Definicija oznaka

Kada stvorimo novi projekt na Visual Studio 2019, predlošci se pojavljuju zajedno s određenim oznakama koje nam pomažu u filtriranju predložaka:

Od najnovije verzije Visual Studio 2019, ove su oznake obvezne za one koji žele objaviti proširenje. Bez njih će se instalirati proširenje, ali predložak nikada neće biti prikazan na popisu, čak i ako korisnik to traži.

Da biste stvorili ove oznake, otvorite kompaktnu mapu koja je generirana pomoću predloška u posljednjem koraku i otvorite .vstemplate datoteku pomoću uređivača teksta:

U odjeljku "Podaci predloška" dodajte nakon oznake "ProvideDefaultName" popis oznaka na vaš predložak, kao što su platforma, vrsta projekta, jezik itd. U mom slučaju odredio sam sljedeće:

Potpuni popis oznaka možete pronaći na donjoj poveznici:

Stvaranje produžetka

S već stvorenim predloškom i postavljenim oznakama, sada je vrijeme za stvaranje instalacijske datoteke za proširenje.

U tu svrhu samo kreirajte projekt tipa VSIX Project:

Ovo je osnovna struktura projekta:

PS: međutim kreirao sam naziv projekta koristeći određene posebne znakove kao "+", samo u svrhu poduke, molim vas izbjegavajte to činiti u stvarnim scenarijima. Bolje je stvoriti bez praznih mjesta ili posebnih znakova, poput: TemplateVueJSAspNetCoreArtigoMedium, umjesto imena koji sam stavio. To će spriječiti probleme s gradnjom, jer će VS automatski generirati prostore imena i klase koristeći to ime.

Uključite u korijenu kompaktnu referencu mape na svoj predložak. Važno je da kompaktna mapa sadrži promjene u datoteci .vstemplate s oznakama koje sam prije spomenuo. Ne zaboravite to.

Ovaj projekt ima manifestnu datoteku koja će sadržavati informacije o proširenju i upute za instalaciju.

Ako dvostruko kliknete na tu datoteku, ona će se otvoriti poput obrasca, koji možete popuniti u polje po polje.

Pažljivo promijenite sve potrebne podatke, jer će se one pojaviti krajnjem korisniku u instalaciji i na tržištu. Također je potrebno pravilno navesti polje „Autor“, jer normalno ima LAPTOP naziv.

Nakon toga kliknite na "Imovina":

Uklonite postojeću imovinu, u slučaju da postoji, i kliknite "Novo":

Odaberite opcije koje sam stavila i na putu odredite kompaktnu mapu koju ste dodali projektu.

Generacija

Da biste stvorili instalacijsku datoteku, samo je gradite projekt u načinu izdanja. Generirat će .exe datoteku koja se koristi za instaliranje proširenja na VS.

Gotovo! Naše je proširenje stvoreno. Možete ga testirati sada, prije nego što objavite na tržištu Visual Studio, kako biste vidjeli funkcionira li sve u redu.

Objavi Visual Studio Market

U slučaju da želite objaviti proširenje za javnost, to možete učiniti na Visual Studio Marketplaceu.

Da biste to učinili, idite na marketplace.visualstudio.com i nakon prijave s vašim Microsoftovim računom prijeđite na sljedeće opcije:

Prenesite .exe vašeg proširenja:

Ispunite obrazac s podacima o predlošku i proširenju. Kako će te informacije biti javne, obratite pozornost detaljno.

Nakon što je postupak završen, spremite i pričekajte postupak odobrenja. To bi moglo potrajati nekoliko minuta.

Zaključak

Nadam se da vam je ovaj članak pomogao. Hvala vam što ste ga pročitali.

Ispod su moji profili na društvenim mrežama. Slobodno se povežite i postavite pitanje. Na tim profilima često dijelim sadržaj o web tehnologijama i IT događajima.

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

Također sam nedavno stvorio Youtube kanal kako bih doprinio tehničkoj zajednici koristeći ovu platformu, fokusiran na .NET Core, Vue JS, Azure i još mnogo toga. Ako vas ove teme zanimaju, preporučujem vam da se pretplatite. Uskoro će se redovito objavljivati ​​sadržaji, dok ja postavljam audio, video i sadržaje kako bih vam pružio visokokvalitetno iskustvo.

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