Ինչպես ստեղծել նախագծային ձևանմուշներ և ընդլայնում Visual Studio 2019-ի համար

Ողջու՜յն!

Վերջերս Vue JS + Asp.Net Core- ի համար ստեղծեցի երկու նախագծային ձևանմուշ, երկուսն էլ ՝ Visual Studio 2019 ընդարձակման: Դրանք բաժանվել են Visual Studio շուկայում, ինչպես տեսնում եք ստորև նշված հղմանը.

  • Կաղապար Vue JS + Asp.Net Core 3.1

Կցանկանայի՞ք իմանալ, թե ինչպես ստեղծել ձեր սեփական ընդլայնումը և հրապարակել ձեր սեփական ձևանմուշը: Եթե ​​այո, ապա հոդվածի մնացած մասը քայլ առ քայլ գործընթաց է, թե ինչպես դա անել:

Նախագծի ստեղծում

Առաջին բանը, որ դուք պետք է անեք, ստեղծել այնպիսի նախագիծ, որը ցանկանում եք կիսել որպես ձևանմուշ: Այս հոդվածում ես քայլ առ քայլ ցույց կտամ, օգտագործելով Vue JS + Asp.Net Core նախագիծը, որն արդեն հրապարակել եմ:

Ծրագրի արտահանում

Նախագիծը ստեղծվելուց հետո Visual Studio 2019-ին անցեք Project menu- ի տարբերակը և ընտրեք «Արտահանման ձևանմուշ» տարբերակը.

Կաղապարների երկու տեսակ կա ՝ Ծրագրի ձևանմուշ և Նյութի ձևանմուշ: Քանի որ մեր դեպքում մենք ստեղծում ենք ծրագրի ձևանմուշ, ես ընտրեցի հետևյալ տարբերակը.

Հաջորդ քայլը `անունը, նկարագիրը, պատկերակը կազմաձևելը, որը կցուցադրվի օգտվողներին և պատկերի նախադիտումը: Իսկապես կարևոր է այս տեղեկատվությունը ճիշտ կարգավորել, որքան հնարավոր է բարձրորակ, քանի որ այն կհայտնվի վերջնական օգտվողներին, ովքեր կբեռնեն և կտեղադրեն ձեր ձևանմուշը / ընդլայնումը:

Ապակարկեք «Ավտոմատ կերպով մուտքագրեք Visual Studio» տարբերակը: Այդ եղանակով դուք կկարողանաք տեղադրել այն ընդլայնումը, որը դուք ստեղծում եք:

Վերջապես, գործընթացը կստեղծի կոմպակտ պանակ, որը պարունակում է ինքնին ձևանմուշ, բայց ստեղծման ավարտը չէ.

Պիտակների սահմանում

Երբ մենք Visual Studio 2019-ին նոր նախագիծ ենք ստեղծում, ձևանմուշները հայտնվում են որոշ հատուկ պիտակների հետ միասին, որոնք օգնում են մեզ զտել ձևանմուշները.

Visual Studio 2019-ի վերջին տարբերակի պահից ի վեր, այս պիտակները պարտադիր են նրանց համար, ովքեր ցանկանում են ընդլայնում հրապարակել: Առանց դրանց, տեղադրումը կտեղադրվի, բայց կաղապարը երբեք չի ցուցադրվի ցուցակի մեջ, նույնիսկ եթե օգտագործողը որոնում է դա:

Այս պիտակները ստեղծելու համար, վերջին քայլում բացեք կաղապարի թղթապանակը, որը ստեղծվել է կաղապարի հետ վերջին քայլում և բացեք .vstemplate ֆայլը ՝ օգտագործելով Text Editor:

«Կաղապարի տվյալներ» բաժնում «ProvideDefaultName» - ի պիտակից հետո լրացրեք պիտակների ցուցակի հղումը ձեր ձևանմուշին, օրինակ ՝ պլատֆորմ, նախագծի տեսակը, լեզուն և այլն: Իմ դեպքում ես նշեցի հետևյալը.

Պիտակների ամբողջական ցանկը կարող եք գտնել հետևյալ հղումով.

Ընդլայնման ստեղծում

Արդեն ստեղծված ձևանմուշով և դրված պիտակներով, այժմ ժամանակն է ստեղծել տեղադրման ֆայլը ընդլայնման համար:

Դրա համար պարզապես ստեղծեք VSIX տիպի նախագիծ.

Ծրագրի հիմնական կառուցվածքն է.

Հ.Գ., Սակայն ես ստեղծեցի ծրագրի անվանումը `օգտագործելով հատուկ հատուկ նիշեր որպես" + ", պարզապես դասավանդման նպատակով, խնդրում եմ խուսափեք դա անել իրական սցենարներում: Ավելի լավ է ստեղծել առանց որևէ դատարկ տարածքների կամ հատուկ նիշերի, ինչպիսիք են ՝ TemplateVueJSAspNetCoreArtigoMedium, իմ անվանման փոխարեն: Դա կանխելու է կառուցապատման խնդիրները, քանի որ VS- ն ինքնաբերաբար կստեղծի անուններ և դասարաններ այդ անունն օգտագործելով:

Արմատում ներառեք կոմպակտ թղթապանակի հղումը ձեր ձևանմուշին: Կարևոր է, որ կոմպակտ թղթապանակը պարունակի .vstemplate ֆայլը փոփոխվում է իմ նշած պիտակների հետ: Մի մոռացեք դա:

Այս նախագիծն ունի ակնհայտ ֆայլ, որը պարունակում է տեղեկատվություն ընդլայնման և տեղադրման հրահանգների վերաբերյալ:

Եթե ​​այդ ֆայլում կրկնակի սեղմում եք, ապա այն բաց կլինի մի ձևի նման, որը կարող եք լրացնել ըստ դաշտի:

Ուշադիր փոխեք բոլոր անհրաժեշտ տեղեկությունները որակով, քանի որ այն կհայտնվի նաև վերջնական օգտագործողի տեղադրման և շուկայի տարածքում: Նաև պետք է ճիշտ նշել «Հեղինակ» դաշտը, քանի որ այն սովորաբար ունի LAPTOP անվանումը:

Դրանից հետո կտտացրեք «Ակտիվները».

Եթե ​​առկա են, առկաության դեպքում հանեք գոյություն ունեցող ակտիվները և սեղմեք «Նոր».

Ընտրեք այն ընտրանքները, որոնք ես դրել եմ և ուղու մեջ նշեք նախագծին ավելացրած կոմպակտ թղթապանակը:

Սերունդ

Տեղադրման ֆայլը ստեղծելու համար այն պարզապես կառուցում է նախագիծը թողարկման ռեժիմով: Դա կստեղծի .exe ֆայլը, որն օգտագործվում է ընդլայնումը VS- ում տեղադրելու համար:

Կատարած! Մեր ընդլայնումը ստեղծվեց: Դուք կարող եք դա փորձարկել հիմա, նախքան Visual Studio շուկայում հրապարակվելը, տեսնելու, թե արդյոք ամեն ինչ լավ է աշխատում:

Visual Studio Market հրատարակում

Եթե ​​ցանկանում եք հրապարակել ձեր ընդլայնումը հանրությանը, կարող եք դա անել Visual Studio Marketplace- ում:

Դա անելու համար անցեք Marketplace.visualstudio.com կայքը և ձեր Microsoft- ի հաշվի հետ մուտք գործելուց հետո անցեք հետևյալ տարբերակներին.

Վերբեռնեք ձեր ընդլայնման .exe- ն ՝

Ձևաթուղթը լրացրեք ձևանմուշով և ընդլայնման տեղեկատվությամբ: Քանի որ այդ տեղեկատվությունը հանրային կլինի, մանրամասն ուշադրություն դարձրեք:

Գործընթացն ավարտվելուց հետո պարզապես պահեք և սպասեք հաստատման գործընթացին: Դա կարող էր տևել մի քանի րոպե:

Եզրակացություն

Հուսով եմ, որ այս հոդվածը կօգնի ձեզ: Շնորհակալ եմ այն ​​կարդալու համար:

Ստորև ներկայացված են սոցիալական լրատվամիջոցների իմ պրոֆիլները: Ազատորեն կապվեք և հարց ուղղեք: Այս պրոֆիլներում ես հաճախ եմ բաժանում բովանդակություն Վեբ տեխնոլոգիաների և ՏՏ իրադարձությունների վերաբերյալ:

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

Վերջերս ես ստեղծեցի նաև Youtube ալիք `այս պլատֆորմի միջոցով օգտագործելով նաև տեխնիկական համայնքը, կենտրոնացած լինելով .NET Core- ի, Vue JS- ի, Azure- ի և այլնի վրա: Եթե ​​դուք հետաքրքրված եք այս առարկաներով, խորհուրդ եմ տալիս բաժանորդագրվել: Շուտով պարբերաբար կթողարկվի բովանդակություն, մինչդեռ ես ստեղծում եմ աուդիո, վիդեո և բովանդակություն `ձեզ որակյալ փորձ տալու համար:

Հղում ՝ https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA