Cum se creează șabloane și extensii de proiect pentru Visual Studio 2019

Salut!

Recent, am creat două șabloane de proiect pentru Vue JS + Asp.Net Core, ambele ca extensii Visual Studio 2019. Au fost partajate pe piața Visual Studio, după cum puteți vedea la linkul de mai jos:

  • Template Vue JS + Asp.Net Core 3.1

Doriți să știți cum să creați propria extensie și să publicați propriul șablon? Dacă da, restul articolului este un proces pas cu pas despre cum să faci asta.

Crearea proiectului

Primul lucru pe care trebuie să-l faceți este să creați un proiect pe care doriți să îl partajați ca șablon. În acest articol, voi demonstra pas cu pas folosind proiectul Vue JS + Asp.Net Core pe care l-am publicat deja.

Export de proiect

După crearea proiectului, în Visual Studio 2019 accesați opțiunea meniu Proiect și alegeți opțiunea „Export șablon”:

Există două tipuri de șabloane: șablonul proiectului și șablonul articolului. Ca și în cazul nostru, creăm un șablon de proiect, am selectat opțiunea de bază:

Următorul pas este să configurați numele, descrierea, pictograma care va fi afișată utilizatorilor și previzualizarea imaginii. Este foarte important să setați aceste informații în mod corespunzător, cât de mult puteți, deoarece acestea vor apărea pentru utilizatorii finali care vor descărca și instala instalarea / extensia dvs.

Și debifează opțiunea „Import automat în Visual Studio”. În acest fel, veți putea instala extensia pe care o creați.

În cele din urmă, procesul va genera un folder compact care conține șablonul în sine, dar nu este sfârșitul creației:

Definirea etichetelor

Când creăm un nou proiect în Visual Studio 2019, șabloanele apar împreună cu câteva etichete specifice, care ne ajută să filtrăm șabloanele:

De la ultima versiune a Visual Studio 2019, aceste etichete sunt obligatorii pentru cei care doresc să publice o extensie. Fără acestea, extensia va fi instalată, dar șablonul nu va fi afișat niciodată în listă, chiar dacă utilizatorul caută asta.

Pentru a crea aceste etichete, deschideți folderul compact generat cu șablonul în ultimul pas și deschideți fișierul .vstemplate folosind un editor de text:

În secțiunea „Datele șabloanelor”, adăugați după eticheta „ProvideDefaultName” referința listei de etichete la șablonul dvs., cum ar fi platforma, tipul de proiect, limba, etc. În cazul meu, am specificat după cum urmează:

Lista completă de etichete este disponibilă la linkul de mai jos:

Crearea extensiei

Cu șablonul deja creat și etichetele setate, acum este timpul să creăm fișierul de instalare pentru extensie.

Pentru asta, trebuie doar să creați un proiect de tipul proiectului VSIX:

Aceasta este structura de bază a proiectului:

PS: cu toate acestea, am creat numele proiectului folosind anumite caractere speciale ca „+”, doar în scopuri didactice, vă rugăm să evitați să faceți asta în scenarii reale. Este mai bine să creezi fără spații goale sau caractere speciale, cum ar fi: TemplateVueJSAspNetCoreArtigoMedium, în loc de numele pe care l-am pus. Acesta va preveni problemele de construire, deoarece VS va genera automat spații de nume și clase folosind acest nume.

Includeți în rădăcina referința folderului compact la șablonul dvs. Este important ca folderul compact să conțină modificările fișierului .vstemplate cu etichetele menționate anterior. Nu uita asta.

Acest proiect are un fișier manifest, care va conține informațiile despre instrucțiunile de instalare a extensiei.

Dacă faceți dublu clic în acel fișier, acesta va fi deschis ca un formular, pe care îl puteți completa în câmp.

Schimbați cu atenție toate informațiile necesare cu calitate, deoarece va apărea și pentru utilizatorul final în instalare și pe piață. De asemenea, este necesar să specificați în mod corespunzător câmpul „Autor”, deoarece are în mod normal numele LAPTOP.

După aceea, faceți clic pe „Active”:

Eliminați activele existente, în cazul în care există, și faceți clic pe „Nou”:

Alegeți opțiunile pe care le-am pus și în calea specificați folderul compact pe care l-ați adăugat la proiect.

Generaţie

Pentru a crea fișierul de instalare, este doar construirea proiectului în modul de lansare. Va genera fișierul .exe folosit pentru instalarea extensiei pe VS.

Terminat! Extensia noastră a fost creată. Puteți testa acum, înainte de a publica pe piața Visual Studio, pentru a vedea dacă totul funcționează bine.

Publicare Visual Studio Market

În cazul în care doriți să publicați extensia dvs. în public, o puteți face pe Visual Studio Marketplace.

Pentru aceasta, accesați marketplace.visualstudio.com și, după conectarea cu contul Microsoft, accesați opțiunile de mai jos:

Încărcați .exe al extensiei dvs.:

Completați formularul cu informațiile despre șablon și extensie. Deoarece informațiile respective vor fi publice, acordați atenție în detaliu.

După ce procesul este terminat, trebuie doar să salvați și să așteptați procesul de aprobare. Ar putea dura câteva minute.

Concluzie

Sper că acest articol te-a ajutat. Vă mulțumim că ați citit-o.

Mai jos sunt profilurile mele de social media. Nu ezitați să vă conectați și să puneți o întrebare. În aceste profiluri, împărtășesc frecvent conținut despre tehnologii web și evenimente IT.

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

De asemenea, am creat recent un canal Youtube pentru a contribui și la comunitatea tehnică folosind această platformă, concentrată pe .NET Core, Vue JS, Azure și multe altele. Dacă sunteți interesat de aceste subiecte, vă recomand să vă abonați. În curând va fi lansat conținut în mod regulat, în timp ce configurez conținut audio, video și conținut pentru a vă oferi o experiență de înaltă calitate.

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