Visual Studio 2019 için proje şablonları ve uzantı oluşturma

Selam!

Son zamanlarda, her ikisi de Visual Studio 2019 uzantıları olarak Vue JS + Asp.Net Core için iki proje şablonu oluşturdum. Aşağıdaki bağlantıda görebileceğiniz gibi, bunlar Visual Studio pazarında paylaşıldı:

  • Şablon Vue JS + Asp.Net Core 3.1

Kendi uzantınızı nasıl oluşturacağınızı ve kendi şablonunuzu nasıl yayınlayacağınızı bilmek ister misiniz? Evet ise, makalenin geri kalanı bunun nasıl yapılacağı ile ilgili adım adım bir süreçtir.

Proje oluşturma

Yapmanız gereken ilk şey, şablon olarak paylaşmak istediğiniz bir proje oluşturmaktır. Bu makalede, daha önce yayınladığım Vue JS + Asp.Net Core projesini kullanarak adım adım göstereceğim.

Proje ihracatı

Proje oluşturulduktan sonra, Visual Studio 2019'da Proje menüsü seçeneğine gidin ve “Şablonu Dışa Aktar” seçeneğini seçin:

İki tür şablon vardır: Proje şablonu ve Öğe şablonu. Bizim durumumuzda olduğu gibi, bir proje şablonu oluşturduğumuz gibi, temel seçeneği seçtim:

Bir sonraki adım, kullanıcılara gösterilecek adı, açıklamayı, simgeyi ve görüntü önizlemesini yapılandırmaktır. Bu bilgileri, olabildiğince yüksek kalitede olabildiğince doğru bir şekilde ayarlamak gerçekten önemlidir, çünkü şablonunuzu / uzantınızı indirip yükleyecek son kullanıcılara görünecektir.

"Otomatik olarak Visual Studio'ya aktar" seçeneğinin işaretini kaldırın. Bu şekilde, oluşturduğunuz uzantıyı yükleyebilirsiniz.

Son olarak, işlem şablonun kendisini içeren kompakt bir klasör oluşturur, ancak bu oluşturma işleminin sonu değildir:

Etiket tanımı

Visual Studio 2019'da yeni bir proje oluşturduğumuzda, şablonlar, şablonları filtrelememize yardımcı olan bazı belirli etiketlerle birlikte görünür:

Visual Studio 2019'un en son sürümünden beri, bu etiketler bir uzantı yayınlamak isteyenler için zorunludur. Bunlar olmadan, uzantı yüklenir, ancak kullanıcı bunu arasa bile şablon listede asla gösterilmez.

Bu etiketleri oluşturmak için, son adımda şablonla oluşturulan kompakt klasörü açın ve bir Metin Düzenleyicisi kullanarak .vstemplate dosyasını açın:

“Şablon Verileri” bölümünde, “ProvideDefaultName” etiketinden sonra platformunuza, proje türünüze, dilinize vb.

Kullanılabilir etiket listesinin tamamı aşağıdaki bağlantıda bulunabilir:

Uzantının Oluşturulması

Şablon önceden oluşturulmuş ve etiketler ayarlandığında, uzantı için yükleme dosyasını oluşturma zamanı gelmiştir.

Bunun için VSIX Project türünde bir proje oluşturun:

Projenin temel yapısı budur:

Not: sadece öğretim amaçlı olarak “+” olarak belirli özel karakterleri kullanarak proje adını oluşturdum, lütfen bunu gerçek senaryolarda yapmaktan kaçının. Boş alanlar veya özel karakterler olmadan oluşturmak daha iyidir, örneğin: TemplateVueJSAspNetCoreArtigoMedium, koyduğum isim yerine. VS, bu adı kullanarak otomatik olarak ad alanları ve sınıflar üreteceğinden derleme sorunlarını önleyecektir.

Şablonunuza kompakt klasör referansını kök dizinine ekleyin. Kompakt klasörün daha önce bahsettiğim etiketlerle .vstemplate dosya değişikliklerini içermesi önemlidir. Bunu unutma.

Bu projede, uzantı e kurulum yönergeleriyle ilgili bilgileri içeren bir bildirim dosyası vardır.

Bu dosyaya çift tıklarsanız, bir form gibi açılacak ve hangisi alan alan doldurabileceksiniz.

Kurulum ve pazardaki son kullanıcıya da görüneceğinden, gerekli tüm bilgileri kalite ile dikkatlice değiştirin. Ayrıca, normalde LAPTOP adına sahip olduğu için “Yazar” alanını doğru bir şekilde belirtmek gerekir.

Bundan sonra, "Varlıklar" ı tıklayın:

Varsa, var olan varlıkları kaldırın ve “Yeni” seçeneğini tıklayın:

Koyduğum seçenekleri seçin ve yolda projeye eklediğiniz kompakt klasörü belirtin.

nesil

Kurulum dosyasını oluşturmak için sadece projeyi sürüm modunda oluşturuyor. VS uzantısını yüklemek için kullanılan .exe dosyasını oluşturur.

Bitti! Uzantımız oluşturuldu. Visual Studio pazarında yayınlamadan önce, her şeyin düzgün çalışıp çalışmadığını görmek için şimdi test edebilirsiniz.

Visual Studio Market Yayını

Uzantınızı herkese açık olarak yayınlamak istiyorsanız, bunu Visual Studio Marketplace'te yapabilirsiniz.

Bunu yapmak için marketplace.visualstudio.com adresine gidin ve Microsoft hesabınızla giriş yaptıktan sonra aşağıdaki seçeneklere gidin:

Uzantınızın .exe dosyasını yükleyin:

Formu şablon ve uzantı bilgileriyle doldurun. Bu bilgiler herkese açık olacağından, ayrıntılara dikkat edin.

İşlem bittiğinde, kaydedin ve onay sürecini bekleyin. Bu birkaç dakika sürebilir.

Sonuç

Umarım bu makale size yardımcı olmuştur. Okuduğunuz için teşekkür ederim.

Aşağıda sosyal medya profillerim var. Bağlanmaktan ve soru sormaktan çekinmeyin. Bu profillerde sık sık Web Teknolojileri ve BT olaylarıyla ilgili içerik paylaşıyorum.

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

Son zamanlarda bu platformu kullanarak teknik topluluğa katkıda bulunmak için .NET Core, Vue JS, Azure ve daha fazlasına odaklanan bir Youtube kanalı oluşturdum. Bu konularla ilgileniyorsanız abone olmanızı tavsiye ederim. Yakında düzenli olarak içerik yayınlanacak, size yüksek kaliteli bir deneyim sunmak için ses, video ve içerik oluşturuyorum.

Bağlantı: https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA