Visual Studio 2019 үшін жоба шаблондары мен кеңейтімдерін қалай құруға болады

Сәлем!

Жақында мен Vue JS + Asp.Net Core үшін екі жоба шаблоны жасадым, екеуі де Visual Studio 2019 кеңейтімдері ретінде. Олар Visual Studio базарында, төмендегі сілтемеден көруге болады:

  • JS + Asp.Net үлгісі 3.1 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 атауына ие.

Осыдан кейін «Активтер» түймесін басыңыз:

Егер бар болса, бар активтерді алып тастап, «Жаңа» түймесін басыңыз:

Мен салған опцияларды таңдаңыз және жолға сіз жобаға қосқан ықшам қалтаны көрсетіңіз.

Ұрпақ

Орнату файлын құру үшін бұл жай ғана шығарылым режимінде жобаны құруда. Ол кеңейтімді VS-де орнату үшін пайдаланылатын .exe файлын жасайды.

Дайын! Біздің кеңейтіліміміз жасалды. Қазір оны Visual Studio базарында жарияламас бұрын, бәрі жақсы жұмыс істеп жатқанын тексере аласыз.

Visual Studio Market жариялау

Егер сіз кеңейтімді көпшілікке жариялағыңыз келсе, оны Visual Studio Marketplace-те жасай аласыз.

Мұны істеу үшін marketplace.visualstudio.com сайтына өтіп, Microsoft тіркелгісімен кіргеннен кейін төмендегі параметрлерге өтіңіз:

Кеңейтімнің .exe файлын жүктеп салыңыз:

Үлгіні және кеңейтілім туралы ақпаратты толтырыңыз. Бұл ақпарат көпшілікке қол жетімді болатындықтан, мұқият назар аударыңыз.

Процесс аяқталғаннан кейін, жай сақтап, мақұлдауды күтіңіз. Бұл бірнеше минутқа созылуы мүмкін.

Қорытынды

Бұл мақала сізге көмектесті деп үміттенемін. Оқығаныңызға рахмет.

Төменде әлеуметтік медиа профильдерім. Қосылыңыз және сұрақ қойыңыз. Бұл профильдерде мен Web Technologies және IT оқиғалары туралы мазмұнды жиі бөлісемін.

Twitter: https://twitter.com/alemalavasi Сілтемелер: https://www.linkedin.com/in/alexandremalavasi/

Мен жақында осы платформаны қолдана отырып, техникалық қауымдастыққа үлес қосу үшін Youtube арнасын құрдым, ол .NET Core, Vue JS, Azure және т.б. Егер сізді осы тақырыптар қызықтырса, жазылуға кеңес беремін. Жақында мазмұн үнемі шығарылады, ал мен сізге сапалы тәжірибе беру үшін аудио, видео және мазмұнды орнатамын.

Сілтеме: https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA