Visual Studio 2019 üçün layihə şablonları və uzantıları necə yaradılır

Salam!

Bu yaxınlarda Vue JS + Asp.Net Core üçün iki layihə şablonu yaratdım, ikisi də Visual Studio 2019 genişləndiricisi olaraq. Aşağıdakı linkdə gördüyünüz kimi, Visual Studio bazarında paylaşdılar:

  • Şablon Vue JS + Asp.Net Core 3.1

Öz uzantınızı necə yaratmağı və öz şablonunuzu necə yayımlamağı bilmək istərdinizmi? Bəli, məqalənin qalan hissəsi bunu necə etmək üçün bir addım addımdır.

Layihənin yaradılması

Etdiyiniz ilk şey şablon olaraq bölüşmək istədiyiniz bir layihə yaratmaqdır. Bu yazıda, əvvəlcədən dərc etdiyim Vue JS + Asp.Net Core layihəsini istifadə edərək addım-addım nümayiş etdirəcəyəm.

Layihə ixracı

Layihə yaradıldıqdan sonra Visual Studio 2019-da Layihə menyusu seçiminə keçin və "İxrac Şablonu" seçimini seçin:

İki növ şablon var: Layihə şablonu və element şablonu. Bizim vəziyyətimizdə olduğu kimi bir layihə şablonu hazırlayırıq, əsas seçimi seçdim:

Növbəti addım istifadəçilərə göstəriləcək adın, təsvirin, simvolun konfiqurasiyası və görüntünün əvvəlcədən baxılmasıdır. Bu məlumatı mümkün qədər yüksək səviyyədə düzgün şəkildə qurmaq həqiqətən çox vacibdir, çünki şablon / uzantınızı yükləyən və quraşdıracaq son istifadəçilərə görünəcəkdir.

Və "Avtomatik olaraq Visual Studio-ya idxal et" seçimini işarədən çıxarın. Bu şəkildə, yaratdığınız uzantı quraşdıra bilərsiniz.

Nəhayət, proses şablonu özündə ehtiva edən kompakt bir qovluq yaradacaq, lakin bu yaradılışın sonu deyil:

Etiketlər tərifi

Visual Studio 2019-da yeni bir layihə yaratdığımızda, şablonları süzgəcdən keçirməyə kömək edən bəzi xüsusi etiketlər ilə birlikdə görünür:

Visual Studio 2019-un ən son versiyasından bəri, bu etiketlər bir uzantı yayımlamaq istəyənlər üçün məcburidir. Bunlar olmadan uzantı quraşdırılacaq, ancaq istifadəçi bunu axtarsa ​​da şablon heç vaxt siyahıda göstərilməyəcək.

Bu etiketləri yaratmaq üçün son addımda şablon ilə yaradılan kompakt qovluğu açın və bir mətn redaktoru istifadə edərək .vstemplate faylını açın:

"Şablon məlumatları" bölməsində "ProvideDefaultName" etiketindən sonra platforma, layihə növü, dil və s. Kimi şablonlarınıza etiket siyahısına istinad əlavə edin. Mənim vəziyyətimdə aşağıdakıları qeyd etdim:

Tam mövcud etiket siyahısı ilə aşağıdakı linkdən tanış ola bilərsiniz:

Genişliyin yaradılması

Artıq yaradılan şablon və etiketlər ilə, indi genişləndirmə üçün quraşdırma faylı yaratmaq vaxtı gəldi.

Bunun üçün yalnız VSIX Layihə tipli bir layihə yaratmaq kifayətdir:

Bu layihənin əsas quruluşudur:

PS: Ancaq layihə adını müəyyən xüsusi işarələrdən istifadə edərək "+" olaraq yaratdım, sadəcə tədris məqsədləri üçün, xahiş edirəm bunu real ssenarilərdə etməkdən çəkinin. Heç bir boşluq və xüsusi simvollar olmadan yaratmaq daha yaxşıdır: TemplateVueJSAspNetCoreArtigoMedium, qoyduğum adın əvəzinə. VS avtomatik olaraq bu addan istifadə edərək boşluqlar və siniflər yaradacaqdır.

Kökünüzə şablonunuza kompakt qovluq istinadını əlavə edin. Kompakt qovluqda əvvəllər qeyd etdiyim etiketlər ilə .vstemplate fayl dəyişikliklərinin olması vacibdir. Bunu unutma.

Bu layihədə genişləndirmə e quraşdırma təlimatları haqqında məlumat olan aşkar bir fayl var.

Bu faylı iki dəfə klikləsəniz, bir sahəni sahə ilə doldurduğunuz bir forma kimi açılır.

Bütün lazımi məlumatları diqqətlə dəyişdirin, çünki quraşdırma və bazarda son istifadəçi kimi görünəcəkdir. Həm də normal olaraq LAPTOP adı olduğu üçün "Müəllif" sahəsini düzgün göstərməlisiniz.

Bundan sonra "Aktivlər" düyməsinə vurun:

Var olduqda, mövcud aktivləri çıxarın və "Yeni" düyməsini basın:

Layihəyə əlavə etdiyiniz kompakt qovluğu təyin etdiyim və yolda olan variantları seçin.

Nəsil

Quraşdırma faylını yaratmaq üçün, layihəni yalnız azadetmə rejimində qurur. VS-də uzantını quraşdırmaq üçün istifadə olunan .exe faylını yaradacaqdır.

Bitdi! Bizim uzantımız yaradıldı. İndi Visual Studio bazarında yayımlamadan əvvəl hər şeyin yaxşı işləməsini yoxlamaq üçün sınaqdan keçirə bilərsiniz.

Visual Studio Market Nəşr

Uzantınızı ictimaiyyətə yaymaq istəyirsinizsə, bunu Visual Studio Marketplace-də edə bilərsiniz.

Bunu etmək üçün marketplace.visualstudio.com saytına keçin və Microsoft hesabınızla daxil olduqdan sonra aşağıdakı seçimlərə keçin:

Uzatma .exe yükləyin:

Formanı şablon və uzantı məlumatı ilə doldurun. Bu məlumat ictimaiyyətə açıq olacağına görə ətraflı diqqət yetirin.

Proses başa çatdıqdan sonra sadəcə saxla və təsdiqləmə prosesini gözləyin. Bu bir neçə dəqiqə çəkə bilər.

Nəticə

Ümid edirəm bu məqalə sizə kömək etdi. Oxuduğunuz üçün təşəkkür edirəm.

Aşağıda sosial media profillərim var. Qoşulmaq və bir sual vermək üçün çekinmeyin. Bu profillərdə Veb Texnologiyaları və İT hadisələri haqqında tez-tez məlumat paylaşıram.

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

Bu platformadan da istifadə edərək texniki birliyə töhfə vermək üçün son zamanlarda bir Youtube kanalı yaratdım. NET Core, Vue JS, Azure və daha çox. Bu mövzularla maraqlanırsınızsa, abunə olmağı məsləhət görürəm. Tezliklə müntəzəm olaraq məzmun yayımlanacaq, mən sizə yüksək keyfiyyətli təcrübə vermək üçün səs, video və məzmun qururam.

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