🚴‍♂️Giriş | VS Extension

💎 Ön Gereksinimler

Eklentiyi Visual Studio için C# ile programlayacağımızdan dolayı:

• ⏬ Visual Studio ve Visual Studio extension development iş yükü indirilmelidir

• 💁‍♂️ Eklenti için derinden bir C# bilgisi yerine hızlı bir öğrenmeye odaklanılması kafidir

• 🏃‍♂️ Hızlıca C# öğrenmek için CSharp Quick Guide sayfasına bakmalısın

• 👮‍♂️ Yazım standartları için CSharp Coding Standarts alanına da bakabilirsin

📃 C# Hakkında bilgi için C# Quick Start pdf notlarımı da inceleyebilirsin

📹 Eğitici Video

Aşağıdaki video ile başlangıç seviyesi için hızlıca gerekli bilgileri öğrenebilirsin

https://channel9.msdn.com/Events/Build/2016/B886/playerchannel9.msdn.com

🏗️ VSIX Eklentisi Proje Yapısı

• vcst ve vsixmanifest dosyası sync edilmeli

👨‍🔧 Proje İsmi Güncelleme

• Solution Explorer üzerinden Properties alanından güncellenir

🤖 VSIX Komutları için Guid Otomasyonu

• Aşağıdaki alanlar senkronize olan vsct c# dosyasından çekilmelidir

internal sealed class CompareHistoryCommand
{
    /// <summary>
    /// Command ID.
    /// </summary>
    public const int CommandId = PackageIds.CompareHistoryCommandId;

    /// <summary>
    /// Command menu group (command set GUID).
    /// </summary>
    public static readonly Guid CommandSet = PackageGuids.guidFile_VSPackageCmdSet;
// ...
}

🆔 VS SDK Menu ID'leri

• GUIDs and IDs of Visual Studio menus

• IDE-Defined Commands for Extending Project Systems

🖼️ VSIX için ikon ekleme

• 🌟 PNG dışındaki formatları da destekler ama PNG kullan

• 📦 VSIX'de 3000 icon vardır bunları kullanabilmek için Extensibility Essentials 2019 eklentisini indir

• ⚙️ View -> Other Windows -> KnownMoniker

• 📝 Çıkan panelde seçilen ikonu Resource içerisine alttak özelliklerle eklemeliyiz:

  • 16 width ile *Command.png icon dosyasını overwrite ederek

  • 175 width ile Preview isimle

  • 90 width ile Icon isimle

• 💦 *.vsct dosyası içerisinde silmen gereken kısımlar

  • Bitmap alanında usedList kısmındaki değerlerden ilki hariç diğerlerini

  • GuidSymbol alanındaki IDSymbol satırlarından ilki hariç diğerlerini

• ➕ Son eklenen resimleri projeye dahil etmek için Solution Explorer alanında sağdan 3. ikon Show all files ile resimleri bulup, onları seçip Include From Project demeliyiz

• 🔨 ```*.vsixmanifest`` dosyasına ikon ve ön izleme resmi eklenmeli