Visual Studio 2019 uchun loyiha shablonlari va kengaytmasini qanday yaratish mumkin

Salom!

Yaqinda men Vue JS + Asp.Net Core uchun ikkita loyiha shablonini yaratdim, ikkalasi ham Visual Studio 2019 kengaytmasi sifatida. Ular Visual Studio bozorida baham ko'rildi, siz quyidagi havolada ko'rishingiz mumkin:

  • Shablon Vue JS + Asp.Net Core 3.1

O'zingizning kengaytmani qanday yaratishni va o'z shabloningizni qanday nashr qilishni bilishni xohlaysizmi? Ha bo'lsa, maqolaning qolgan qismi buni qanday amalga oshirish bo'yicha bosqichma-bosqich ko'rsatma hisoblanadi.

Loyihani yaratish

Siz qilishingiz kerak bo'lgan birinchi narsa shablon sifatida baham ko'rmoqchi bo'lgan loyihani yaratishdir. Ushbu maqolada men chop etgan Vue JS + Asp.Net Core loyihasidan foydalanib, bosqichma-bosqich namoyish qilaman.

Loyihani eksport qilish

Loyiha yaratilgandan so'ng, Visual Studio 2019-da "Menyu" parametriga o'ting va "Eksport shablonini" tanlang:

Ikki turdagi shablon mavjud: loyiha shabloni va mahsulot shablonlari. Bizning holatlarimizda biz loyiha shablonini yaratyapmiz, men asosiy variantni tanladim:

Keyingi qadam, foydalanuvchilarga ko'rsatiladigan ism, tavsif, ikonani va tasvirni oldindan ko'rishni sozlash. Ushbu ma'lumotni iloji boricha yuqori darajada sozlash juda muhim, chunki u sizning shabloningizni / kengaytmangizni yuklab olib o'rnatadigan oxirgi foydalanuvchilarga ko'rinadi.

Va "Visual Studio-ga avtomatik ravishda import qilish" variantini olib tashlang. Shu tarzda siz yaratayotgan kengaytmani o'rnatishingiz mumkin.

Nihoyat, jarayon shablonni o'z ichiga olgan ixcham papkani hosil qiladi, ammo bu yaratilishning oxiri emas:

Teglar ta'rifi

Visual Studio 2019-da yangi loyihani yaratganimizda, andozalar filtrlashda yordam beradigan ba'zi bir teglar bilan birga paydo bo'ladi:

Visual Studio 2019-ning so'nggi versiyasidan boshlab, ushbu teglar kengaytmani nashr qilishni istaganlar uchun majburiydir. Bularsiz kengaytma o'rnatiladi, lekin foydalanuvchi buni qidirsa ham, shablon hech qachon ro'yxatda ko'rsatilmaydi.

Ushbu teglarni yaratish uchun oxirgi bosqichda shablon bilan yaratilgan ixcham papkani oching va Text Editor yordamida .vstemplate faylini oching:

"Andoza ma'lumotlari" bo'limiga "ProvideDefaultName" tegidan keyin sizning shabloningizga teglar ro'yxatiga havolani qo'shing, masalan platforma, loyiha turi, til va hk. Mening holda, men quyidagilarni aytdim:

Teglarning to'liq ro'yxati bilan quyidagi havolada tanishishingiz mumkin:

Kengaytmani yaratish

Oldindan yaratilgan shablon va teglar bilan, endi kengaytma uchun o'rnatish faylini yaratish vaqti keldi.

Buning uchun faqat VSIX Project turidagi loyihani yarating:

Bu loyihaning asosiy tuzilishi:

PS: ammo men loyihaning nomini maxsus belgilar yordamida "+" sifatida yaratdim, shunchaki o'qitish uchun, iltimos, buni haqiqiy senariylarda qilmang. Bo'sh joylarsiz yoki maxsus belgilarsiz yaratgan ma'qul, masalan: TemplateVueJSAspNetCoreArtigoMedium, men qo'ygan ismning o'rniga. VS bu nomdan foydalangan holda avtomatik ravishda nomlar va sinflarni yaratadi.

Ildizga shabloningizga ixcham papka havolasini qo'shing. Ixcham papkada .vstemplate faylini avval aytib o'tgan teglar bilan o'zgartirish bo'lishi kerak. Buni unutmang.

Ushbu loyihada kengaytmani o'rnatish bo'yicha ko'rsatmalar haqidagi ma'lumotlar mavjud bo'lgan aniq fayl mavjud.

Agar siz ushbu faylni ikki marta bosgan bo'lsangiz, u maydon shaklida maydonni to'ldirishingiz mumkin bo'lgan shakl kabi ochiladi.

Barcha kerakli ma'lumotlarni ehtiyotkorlik bilan o'zgartiring, chunki bu o'rnatish va bozorda oxirgi foydalanuvchi bo'lib ko'rinadi. Shuningdek, "Muallif" maydonini to'g'ri belgilash kerak, chunki u odatda LAPTOP nomiga ega.

Shundan so'ng, "Aktivlar" ni bosing:

Agar mavjud bo'lsa, mavjud aktivlarni olib tashlang va "Yangi" tugmachasini bosing:

Men qo'ygan variantlarni tanlang va yo'lda siz loyihaga qo'shgan ixcham papkani tanlang.

Avlod

O'rnatish faylini yaratish uchun, bu faqat loyihani reliz rejimida qurmoqda. U VS-da kengaytmani o'rnatish uchun ishlatiladigan .exe faylini yaratadi.

Bajarildi! Bizning kengaytmamiz yaratildi. Siz hozir Visual Studio bozorida nashr etishdan oldin, hamma narsa yaxshi ishlayotganligini tekshirishingiz mumkin.

Visual Studio Market Publish

Agar siz kengaytmani ommaga e'lon qilmoqchi bo'lsangiz, buni Visual Studio Marketplace-da qilishingiz mumkin.

Buning uchun marketplace.visualstudio.com saytiga o'ting va Microsoft hisob qaydnomangiz bilan tizimga kirgandan so'ng quyidagi variantlarga o'ting:

Kengaytmaning .exe faylini yuklang:

Shaklni shablon va kengaytma ma'lumotlari bilan to'ldiring. Ushbu ma'lumot hammaga ochiq bo'lishi uchun, batafsilroq e'tibor bering.

Jarayon tugagandan so'ng, shunchaki saqlang va tasdiqlash jarayonini kuting. Bu bir necha daqiqa vaqt olishi mumkin.

Xulosa

Ushbu maqola sizga yordam berdi deb umid qilaman. Uni o'qiganingiz uchun tashakkur.

Quyida mening ijtimoiy media profilim. Ulanish va savol berish uchun o'zingizni erkin his qiling. Ushbu profillarda men tez-tez Web Technologies va IT voqealari haqidagi tarkibiy qismlarni almashaman.

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

Yaqinda men ushbu platformadan foydalangan holda texnik hamjamiyatga hissa qo'shish uchun Youtube kanalini yaratdim .NET Core, Vue JS, Azure va boshqalarga e'tibor qaratdim. Agar siz ushbu mavzularga qiziqsangiz, obuna bo'lishingizni maslahat beraman. Tez orada tarkib muntazam ravishda chiqariladi, men sizga yuqori sifatli tajriba berish uchun audio, video va tarkiblarni sozlamoqdaman.

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