Paano lumikha ng mga template ng proyekto at extension para sa Visual Studio 2019

Kumusta!

Kamakailan lamang, nilikha ko ang dalawang mga template ng proyekto para sa Vue JS + Asp.Net Core, pareho sa kanila bilang mga extension ng Visual Studio 2019. Ibinahagi sila sa merkado ng Visual Studio, tulad ng makikita mo sa link sa ibaba:

  • Template Vue JS + Asp.Net Core 3.1

Nais mo bang malaman kung paano lumikha ng iyong sariling extension at mai-publish ang iyong sariling template? Kung oo, ang natitirang artikulo ay isang hakbang-hakbang na proseso kung paano ito gagawin.

Paglikha ng proyekto

Ang unang bagay na kailangan mong gawin ay ang lumikha ng isang proyekto na nais mong ibahagi bilang isang template. Sa artikulong ito, ipapakita ko ang hakbang-hakbang gamit ang Vue JS + Asp.Net Core proyekto na nai-publish ko.

Pag-export ng proyekto

Kapag nilikha ang proyekto, sa Visual Studio 2019 pumunta sa pagpipilian sa menu ng Proyekto at piliin ang pagpipilian na "I-export ang template":

Mayroong dalawang uri ng mga template: template ng Proyekto at template ng item. Tulad ng sa aming kaso ay lumilikha kami ng isang template ng proyekto, pinili ko ang napapailalim na pagpipilian:

Ang susunod na hakbang ay upang mai-configure ang pangalan, paglalarawan, icon na ipapakita sa mga gumagamit at preview ng imahe. Napakahalaga na itakda nang maayos ang impormasyong ito, mas mataas ang kalidad na maaari mong, sapagkat lilitaw ito sa mga pangwakas na gumagamit na mag-download at mai-install ang iyong template / extension.

At alisan ng tsek ang pagpipilian na "Awtomatikong i-import sa Visual Studio". Sa ganoong paraan, magagawa mong mai-install ang extension na iyong nilikha.

Sa wakas, ang proseso ay bubuo ng isang compact folder na naglalaman ng template mismo, ngunit hindi ito ang katapusan ng paglikha:

Kahulugan ng mga tag

Kapag lumikha kami ng isang bagong proyekto sa Visual Studio 2019, ang mga template ay lilitaw kasama ang ilang mga tiyak na tag, na makakatulong sa amin upang i-filter ang mga template:

Dahil ang pinakabagong bersyon ng Visual Studio 2019, ang mga tag na ito ay sapilitan para sa mga nais mag-publish ng isang extension. Kung wala ang mga iyon, mai-install ang extension, ngunit ang template ay hindi maipakita sa listahan, kahit na hahanapin ito ng gumagamit.

Upang lumikha ng mga tag na ito, buksan ang compact folder na nabuo gamit ang template sa huling hakbang at buksan ang .vstemplate file gamit ang isang Text Editor:

Sa seksyon na "Data Data", idagdag pagkatapos ng tag na "ProvDefaultName" ang sangguniang listahan ng tag sa iyong template, tulad ng platform, uri ng proyekto, wika, atbp Sa aking kaso, tinukoy ko ang mga sumusunod:

Ang buong magagamit na listahan ng tag ay matatagpuan sa link sa ibaba:

Paglikha ng Extension

Gamit ang template na nilikha at ang mga tag na itinakda, ngayon ay oras na upang lumikha ng pag-install ng file para sa extension.

Para sa na, lumikha lamang ng isang proyekto ng uri ng VSIX Project:

Ito ang pangunahing istraktura ng proyekto:

PS: gayunpaman nilikha ko ang pangalan ng proyekto gamit ang ilang mga espesyal na character bilang "+", para lamang sa mga layunin ng pagtuturo, mangyaring iwasan na gawin iyon sa totoong mga senaryo. Mas mainam na lumikha nang walang anumang mga walang laman na puwang o mga espesyal na character, tulad nito: TemplateVueJSAspNetCoreArtigoMedium, sa halip na pangalan na inilagay ko. Pipigilan nito ang mga isyu sa pagbuo, dahil sa VS ay bubuo ng awtomatikong mga namespaces at klase gamit ang pangalang iyon.

Isama sa ugat ang compact na sangguniang folder sa iyong template. Mahalaga na ang compact folder ay maglaman ng .vstemplate file na mga pagbabago sa mga tag na nabanggit ko dati. Huwag kalimutan iyon.

Ang proyektong ito ay may isang malinaw na file, na naglalaman ng impormasyon sa mga tagubilin sa extension at pag-install.

Kung doble mong mag-click sa file na iyon, magiging bukas ito tulad ng isang form, kung alin ang maaari mong punan ang patlang ayon sa patlang.

Baguhin nang mabuti ang lahat ng kinakailangang impormasyon na may kalidad, dahil lilitaw din ito sa pangwakas na gumagamit sa pag-install at pamilihan din. Gayundin, kinakailangan na tukuyin nang wasto ang patlang na "May-akda", dahil normal itong mayroong pangalan ng LAPTOP.

Pagkatapos nito, mag-click sa "Mga Asset":

Alisin ang mga umiiral na mga assets, kung sakaling mayroong, at mag-click sa "Bago":

Piliin ang mga pagpipilian na inilagay ko at sa landas tukuyin ang compact folder na naidagdag mo sa proyekto.

Pagbuo

Upang lumikha ng pag-install ng file, ito ay pagbuo lamang ng proyekto sa mode ng paglabas. Ito ay bubuo ng .exe file na ginamit upang mai-install ang extension sa VS.

Tapos na! Ang aming extension ay nilikha. Masusubukan mo ito ngayon, bago ka mag-publish sa merkado ng Visual Studio, upang makita kung maayos ang lahat.

Mag-publish ng Visual Studio Market

Kung nais mong mai-publish ang iyong extension sa publiko, magagawa mo iyon sa Visual Studio Marketplace.

Upang magawa iyon ay pumunta sa marketplace.visualstudio.com at, pagkatapos mag-log in gamit ang iyong account sa Microsoft, pumunta sa mga pagpipilian sa ibaba:

Mag-upload ng .exe ng iyong extension:

Punan ang form gamit ang template at impormasyon ng extension. Bilang pampublikong impormasyon ay magiging pampubliko, bigyang-pansin ang detalye.

Kapag natapos ang proseso, i-save lamang at maghintay para sa proseso ng pag-apruba. Maaaring tumagal ng ilang minuto.

Konklusyon

Inaasahan kong nakatulong sa iyo ang artikulong ito. Salamat sa pagbabasa nito.

Nasa ibaba ang aking mga profile sa social media. Huwag mag-atubiling kumonekta at magtanong. Sa mga profile na ito, madalas akong nagbabahagi ng nilalaman tungkol sa Web Technologies at mga kaganapan sa IT.

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

Nilikha ko rin kamakailan ang isang Youtube channel upang mag-ambag sa teknikal na komunidad gamit ang platform na ito, na nakatuon din sa .NET Core, Vue JS, Azure at marami pa. Kung interesado ka sa mga paksang ito, inirerekumenda kong mag-subscribe ka. Sa lalong madaling panahon ay palabasin nang regular ang nilalaman, habang nagse-set up ako ng audio, video, at nilalaman upang mabigyan ka ng isang de-kalidad na karanasan.

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