Kā izveidot Visual Studio 2019 projekta veidnes un paplašinājumu

Sveiki!

Nesen es izveidoju divas projektu veidnes Vue JS + Asp.Net Core, abas kā Visual Studio 2019 paplašinājumi. Tie tika kopīgoti Visual Studio tirgū, kā redzat zemāk esošajā saitē:

  • Veidnes Vue JS + Asp.Net Core 3.1

Vai vēlaties uzzināt, kā izveidot savu paplašinājumu un publicēt savu veidni? Ja jā, pārējā rakstā ir aprakstīts solis pa solim, kā to izdarīt.

Projekta izveidošana

Pirmais, kas jums jādara, ir izveidot projektu, kuru vēlaties koplietot kā veidni. Šajā rakstā es soli pa solim demonstrēšu, izmantojot jau publicēto Vue JS + Asp.Net Core projektu.

Projekta eksports

Kad projekts ir izveidots, vietnē Visual Studio 2019 dodieties uz izvēlnes Projekts un izvēlieties opciju “Eksporta veidne”:

Pastāv divu veidu veidnes: projekta veidne un vienuma veidne. Tā kā mūsu gadījumā mēs veidojam projekta veidni, es izvēlējos pamata iespēju:

Nākamais solis ir konfigurēt vārdu, aprakstu, ikonu, kas tiks parādīta lietotājiem, un attēla priekšskatījumu. Ir patiešām svarīgi pareizi iestatīt šo informāciju, cik kvalitatīvi, jo tā parādīsies lietotājiem, kuri lejupielādēs un instalēs jūsu veidni / paplašinājumu.

Un noņemiet atzīmi no izvēles rūtiņas Automātiski importēt uz Visual Studio. Tādā veidā jūs varēsit instalēt izveidoto paplašinājumu.

Visbeidzot, process ģenerēs kompaktu mapi, kurā ir pati veidne, bet tā nav izveidošanas beigas:

Tagu definīcija

Kad mēs izveidojam jaunu projektu Visual Studio 2019, veidnes tiek parādītas kopā ar dažiem īpašiem tagiem, kas palīdz mums filtrēt veidnes:

Kopš jaunākās Visual Studio 2019 versijas, šie tagi ir obligāti tiem, kas vēlas publicēt paplašinājumu. Bez tiem paplašinājums tiks instalēts, taču veidne nekad netiks parādīta sarakstā, pat ja lietotājs to meklēs.

Lai izveidotu šos tagus, atveriet kompakto mapi, kas pēdējā posmā tika izveidota ar veidni, un, izmantojot teksta redaktoru, atveriet .vstemplate failu:

Sadaļā “Veidnes dati” pēc taga “ProvideDefaultName” pievienojiet tagu saraksta atsauci uz jūsu veidni, piemēram, platformu, projekta veidu, valodu utt. Manā gadījumā es norādīju šādi:

Pilns pieejamo tagu saraksts ir atrodams zemāk esošajā saitē:

Pagarinājuma izveidošana

Tā kā veidne jau ir izveidota un tagi iestatīti, tagad ir laiks izveidot paplašinājuma instalēšanas failu.

Šim nolūkam vienkārši izveidojiet VSIX projekta tipu projektu:

Šī ir projekta pamatbūve:

PS: tomēr projekta nosaukumu es izveidoju, izmantojot noteiktas speciālās rakstzīmes kā “+”, tikai mācību nolūkos, lūdzu, izvairieties to darīt reālos scenārijos. Labāk ir izveidot bez tukšām vietām vai speciālām rakstzīmēm, piemēram: TemplateVueJSAspNetCoreArtigoMedium tā nosaukuma vietā. Tas neļaus veidot problēmas, jo VS automātiski ģenerēs vārdu vietas un klases, izmantojot šo vārdu.

Saknē iekļaujiet kompakto mapi ar atsauci uz veidni. Ir svarīgi, lai kompaktajā mapē būtu .vstemplate faila izmaiņas, izmantojot tagus, kurus es minēju iepriekš. To neaizmirstiet.

Šim projektam ir manifests, kurā būs informācija par paplašinājuma e instalēšanas instrukcijām.

Ja šajā failā veicat dubultklikšķi, tas būs atvērts kā veidlapa, kuru varēsit aizpildīt katrā laukā.

Rūpīgi nomainiet visu nepieciešamo informāciju ar kvalitāti, jo tā gala lietotājam parādīsies arī instalācijā un tirgū. Tāpat ir pareizi jānorāda lauks “Autors”, jo tam parasti ir nosaukums LAPTOP.

Pēc tam noklikšķiniet uz “Aktīvi”:

Noņemiet esošos aktīvus, ja tādi ir, un noklikšķiniet uz “Jauns”:

Izvēlieties opcijas, kuras ievietoju, un ceļā norādiet kompakto mapi, kuru esat pievienojis projektam.

Paaudze

Lai izveidotu instalācijas failu, tas ir tikai projekta veidošana izlaišanas režīmā. Tas ģenerēs .exe failu, ko izmanto paplašinājuma instalēšanai VS.

Gatavs! Tika izveidots mūsu paplašinājums. Jūs varat to pārbaudīt tagad, pirms publicējat Visual Studio tirgū, lai redzētu, vai viss darbojas pareizi.

Visual Studio Market Publish

Ja vēlaties publicēt paplašinājumu sabiedrībai, to varat izdarīt vietnē Visual Studio Marketplace.

Lai to izdarītu, dodieties uz vietni marketplace.visualstudio.com un pēc pieteikšanās savā Microsoft kontā dodieties uz tālāk norādītajām iespējām.

Augšupielādējiet paplašinājuma .exe:

Aizpildiet veidlapu ar veidni un paplašinājuma informāciju. Tā kā šī informācija būs publiska, pievērsiet īpašu uzmanību.

Kad process ir pabeigts, vienkārši saglabājiet un gaidiet apstiprināšanas procesu. Tas varētu aizņemt dažas minūtes.

Secinājums

Es ceru, ka šis raksts jums palīdzēja. Paldies, ka lasījāt to.

Zemāk ir redzami mani sociālo mediju profili. Jūtieties brīvi pieslēgties un uzdot jautājumu. Šajos profilos es bieži kopīgoju saturu par Web tehnoloģijām un IT notikumiem.

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

Es nesen izveidoju arī Youtube kanālu, lai sniegtu ieguldījumu tehniskajā aprindās, izmantojot arī šo platformu, koncentrējoties uz .NET Core, Vue JS, Azure un citām. Ja jūs interesē šie priekšmeti, iesaku abonēt. Drīz tiks regulāri izlaists saturs, kamēr es iestatīšu audio, video un saturu, lai sniegtu jums augstas kvalitātes pieredzi.

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