Як стварыць шаблоны праектаў і пашырэнне для 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 перайдзіце ў меню праекта і абярыце опцыю "Экспарт шаблона":

Існуе два тыпы шаблонаў: шаблон праекта і шаблон элемента. Паколькі ў нашым выпадку мы ствараем шаблон праекта, я выбраў асноўны варыянт:

Наступным этапам з'яўляецца налада імя, апісання, значка, якое будзе паказана карыстальнікам і папярэдняга прагляду малюнка. Вельмі важна правільна наладзіць гэтую інфармацыю, наколькі вы можаце якасна, бо яна з'явіцца канчатковым карыстальнікам, якія загружаюць і ўсталёўваюць ваш шаблон / пашырэнне.

І зніміце галачку з пункту "Аўтаматычна імпартаваць у Visual Studio". Такім чынам вы зможаце ўсталяваць пашырэнне, якое вы ствараеце.

Нарэшце, працэс створыць кампактную тэчку, якая змяшчае сам шаблон, але гэта не канец стварэння:

Вызначэнне тэгаў

Калі мы ствараем новы праект на Visual Studio 2019, шаблоны з'яўляюцца разам з некаторымі пэўнымі тэгамі, якія дапамагаюць нам фільтраваць шаблоны:

З апошняй версіі Visual Studio 2019 гэтыя тэгі з'яўляюцца абавязковымі для тых, хто хоча апублікаваць пашырэнне. Без іх пашырэнне будзе ўстаноўлена, але шаблон ніколі не будзе адлюстроўвацца ў спісе, нават калі карыстальнік яго шукае.

Каб стварыць гэтыя тэгі, адкрыйце кампактную тэчку, якая была створана з шаблонам на апошнім этапе, і адкрыйце .vstemplate файл з дапамогай тэкставага рэдактара:

У раздзеле "Дадзеныя шаблона" дадайце пасля тэга "ProvideDefaultName" спасылку на спіс тэгаў на ваш шаблон, напрыклад, платформу, тып праекта, мову і г.д. У маім выпадку я вызначыў наступнае:

Поўны даступны спіс тэгаў можна знайсці па спасылцы ніжэй:

Стварэнне пашырэння

З ужо створаным шаблонам і ўсталяванымі тэгамі, цяпер прыйшоў час стварыць усталявальны файл для пашырэння.

Для гэтага проста стварыце праект тыпу VSIX Project:

Гэта асноўная структура праекта:

PS: аднак я стварыў назву праекта, выкарыстоўваючы некаторыя спецыяльныя сімвалы як "+", толькі ў мэтах навучання, калі ласка, пазбягайце гэтага ў рэальных сцэнарыях. Лепш ствараць без пустых прабелаў і спецыяльных сімвалаў, напрыклад: TemplateVueJSAspNetCoreArtigoMedium, а не імя, якое я паставіў. Гэта прадухіліць праблемы з зборкай, таму што VS будзе аўтаматычна генераваць прасторы імёнаў і класы з выкарыстаннем гэтага імя.

Уключыце ў корань кампактную спасылку на тэчку вашага шаблона. Важна, каб кампактная тэчка ўтрымлівала змены файла .vstemplate з тэгамі, якія я згадваў раней. Не забывайце пра гэта.

Гэты праект мае файл маніфеста, які будзе ўтрымліваць інфармацыю пра пашырэнне інструкцыі па ўстаноўцы.

Калі вы двойчы пстрыкніце ў гэтым файле, ён будзе адкрыты як форма, якую вы можаце запоўніць поле за полем.

Старанна змяняйце ўсю неабходную інфармацыю якасцю, бо яна будзе з'яўляцца канчатковым карыстальнікам і ў ўстаноўцы, і на рынку. Акрамя таго, неабходна правільна пазначыць поле "Аўтар", паколькі яно звычайна мае імя LAPTOP.

Пасля гэтага націсніце "Актывы":

Выдаліце ​​наяўныя актывы, у выпадку іх наяўнасці, і націсніце "Новае":

Выберыце параметры, якія я паклаў, і ў шляху пазначце кампактную тэчку, якую вы дадалі ў праект.

Пакаленне

Каб стварыць інсталяцыйны файл, ён проста будуе праект у рэжыме рэлізу. Ён будзе генераваць .exe файл, які выкарыстоўваецца для ўстаноўкі пашырэння на VS.

Зроблена! Наша пашырэнне было створана. Вы можаце праверыць яго зараз, перад публікацыяй на рынку Visual Studio, каб даведацца, ці ўсё нармальна працуе.

Visual Studio Market Publish

У выпадку, калі вы хочаце апублікаваць пашырэнне для грамадскасці, вы можаце зрабіць гэта на 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