Kuinka luoda mallipohjia ja laajennuksia Visual Studio 2019: lle

Moi!

Äskettäin olen luonut kaksi projektimallia Vue JS + Asp.Net Core -sovellukselle, jotka molemmat ovat Visual Studio 2019 -laajennuksia. Ne jaettiin Visual Studion markkinoilla, kuten alla olevasta linkistä näet:

  • Template Vue JS + Asp.Net Core 3.1

Haluatko tietää, miten luoda oma laajennus ja julkaista oma mallisi? Jos kyllä, muu artikkeli on vaihe vaiheelta miten tehdä se.

Hankkeen luominen

Ensimmäinen asia, joka sinun on tehtävä, on luoda projekti, jonka haluat jakaa mallina. Esitän tässä artikkelissa vaihe vaiheelta jo julkaisemani Vue JS + Asp.Net Core -projektin.

Projektien vienti

Kun projekti on luotu, siirry Visual Studio 2019: ssä Projekti-valikkovaihtoehtoon ja valitse vaihtoehto ”Vie malli”:

Malleja on kahta tyyppiä: Projektimalli ja Kohdemalli. Koska tapauksessamme olemme luomassa projektimallia, valitsin taustalla olevan vaihtoehdon:

Seuraava vaihe on käyttäjän, näytön, käyttäjille näytettävän kuvakkeen ja kuvan esikatselun määrittäminen. On todella tärkeää asettaa nämä tiedot oikein, niin korkealaatuisiksi kuin mahdollista, koska ne näkyvät loppukäyttäjille, jotka lataavat ja asentavat mallin / laajennuksen.

Ja poista valinta kohdasta Tuo automaattinen Visual Studio -valintaruutu. Tällä tavalla voit asentaa luomasi laajennuksen.

Lopuksi prosessi luo kompakti kansion, joka sisältää itse mallin, mutta se ei ole luomisen loppu:

Tunnisteiden määritelmä

Kun luot uuden projektin Visual Studio 2019: lle, mallipohjat näkyvät yhdessä tiettyjen tunnisteiden kanssa, jotka auttavat meitä suodattamaan mallit:

Uusimmasta Visual Studio 2019 -versiosta lähtien nämä tunnisteet ovat pakollisia niille, jotka haluavat julkaista laajennuksen. Ilman niitä laajennus asennetaan, mutta mallia ei koskaan näytetä luettelossa, vaikka käyttäjä etsii sitä.

Voit luoda nämä tunnisteet avaamalla viimeisessä vaiheessa mallin avulla luodun kompaktin kansion ja avaa .vstemplate-tiedosto tekstieditorilla:

Lisää kohtaan ”Malline Data” -lomake ”ProvideDefaultName” -tagin jälkeen tunnisteluettelon viittaus malliisi, kuten alusta, projektityyppi, kieli jne. Minun tapauksessani määrittelin seuraavan:

Täysi käytettävissä oleva tunnisteluettelo löytyy alla olevasta linkistä:

Laajennuksen luominen

Kun malli on jo luotu ja tunnisteet asetettu, nyt on aika luoda asennustiedosto laajennukselle.

Luo tätä varten vain VSIX-tyyppinen projekti:

Tämä on hankkeen perusrakenne:

PS: Luin kuitenkin projektin nimen käyttämällä tiettyjä erikoismerkkejä nimellä “+”, vain opetustarkoituksiin, vältä tekemästä sitä todellisissa tilanteissa. On parempi luoda ilman tyhjiä välilyöntejä tai erikoismerkkejä, kuten: TemplateVueJSAspNetCoreArtigoMedium, nimeltäni sijasta. Se estää rakennusongelmia, koska VS luo automaattisesti nimitilat ja luokat käyttämällä tätä nimeä.

Lisää juureen kompakti kansio viittaus malliin. On tärkeää, että kompakti kansio sisältää .vstemplate-tiedoston muutokset aiemmin mainituilla tunnisteilla. Älä unohda sitä.

Tällä projektilla on manifestitiedosto, joka sisältää tiedot laajennuksen e asennusohjeista.

Jos kaksoisnapsautat tiedostoa, se avataan kuin lomake, jonka voit täyttää kentältä.

Vaihda huolellisesti kaikki tarvittavat tiedot laadukkaasti, koska ne näkyvät loppukäyttäjälle myös asennuksessa ja markkinoilla. Lisäksi on tarpeen määrittää kenttä ”Kirjailija” oikein, koska sillä on yleensä LAPTOP-nimi.

Napsauta sen jälkeen ”Omaisuus”:

Poista olemassa olevat varat, jos niitä on, ja napsauta ”Uusi”:

Valitse asetukset ja määritä polulle kompakti kansio, jonka olet lisännyt projektiin.

sukupolvi

Luodaksesi asennustiedoston se rakentaa projektin vain julkaisutilassa. Se tuottaa .exe-tiedoston, jota käytetään laajennuksen asentamiseen VS: hen.

Tehty! Laajennuksemme luotiin. Voit testata sen nyt, ennen kuin julkaiset Visual Studio -markkinapaikassa, nähdäksesi, toimiiko kaikki hyvin.

Visual Studio Market Publish

Jos haluat julkaista laajennuksen yleisölle, voit tehdä sen Visual Studio Marketplacessa.

Siirry osoitteeseen marketplace.visualstudio.com ja kirjaudu sisään Microsoft-tililläsi valitsemalla seuraavat vaihtoehdot:

Lataa tiedostopääte .exe:

Täytä lomake malli- ja laajennustiedoilla. Koska nämä tiedot ovat julkisia, kiinnitä huomiota yksityiskohtiin.

Kun prosessi on valmis, tallenna vain ja odota hyväksymisprosessia. Se voi viedä muutaman minuutin.

johtopäätös

Toivottavasti tämä artikkeli auttoi sinua. Kiitos, että luit sen.

Alla on sosiaalisen median profiilini. Ota rohkeasti yhteyttä ja kysy kysymys. Näissä profiileissa jaan usein sisältöä Web-tekniikoista ja IT-tapahtumista.

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

Loin myös äskettäin Youtube-kanavan osallistuakseen myös teknisen yhteisön kanssa tätä alustaa hyödyntäen .NET Core, Vue JS, Azure ja muu. Jos olet kiinnostunut näistä aiheista, suosittelen tilaamista. Pian julkaistaan ​​sisältöä säännöllisesti, kun asennan ääntä, videota ja sisältöä korkealaatuisen kokemuksen saamiseksi.

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