🧩Eklenti Programlama | VS Code

Visual Studio Code eklentileri olan VSIX yazılımlarını programlama

🧱 Temel Gereksinimler

Eklenti programlanması için gerekenler

• NodeJS uygulaması

• JavaScript bilgisi

🏗️ Giriş Kalıbını Oluşturma

• Nodejs uygulamasını yükleyin

• Terminal veya komut istemini açın

• npm i -g yo generator-code ile kalıp oluşturucuyu indirin

• Eklenti kalıbının oluşmasını istediğiniz dizine cd komutu ile gidin

• yo code ile yapılandırma ayarlarını yaparak kalıbı oluşturun

💁‍♂️ Debug, package.json ve ek açıklamalar kalıp ile oluşturulacaktır

🔀 Eklenti Oluşturma ve Paylaşma

• Öncelikle Nodejs uygulamasının yüklü olduğundan emin olun

• npm install -g vsce ile vsix oluşturucuyu indirin

• vsce package ile .vsix uzantılı eklentiyi oluşturun

🛰️ Eklentiyi Manuel Paylaşma

Manuel veya komut istemi üzerinden VS Code Marketplace üzerine eklentinizi yükleyebilirsiniz

💁‍♂️ Manuel Yükleme

• VS Code Marketplace üzerinden vsix uzantılı dosyanızı sunucuya el ile yükleyebilirsiniz

🤖 Otomatik Yükleme

• Otomatik olarak yüklemek için ID değeriniz yoksa, 🔑 Token Oluşturma adımından token oluşturun

• vsce login <id> komutu ve token ID değeriniz ile giriş yapın

• Package json'u 📜 Package JSON Örneği gibi ayarların

• vsce publish ile eklentiyi VsCode Marketplace'e gönderebilirsiniz

  • vscode publish minor ile versiyonu arttırarak gönderirsiniz

‍VS Code'un resmi sitesindeki Publishing Extension açıklamasına bakmanızda fayda var.

🔑 Token Oluşturma

• Öncelikle buradan token oluşturmanız gerekmekte

• New Token -> Organization -> All accessiable organization **** kısmını seçin

• Scopes altında Marketplace kısmından Acquire ve Manage kutucuklarını seçin

• Token oluşturup, verilen ID değerini kopyalayın

📜 Package JSON Örneği

{
  "publisher": "Buraya vsce ile girdiğiniz hesabı yazın",
  "icon": "resim yolu",
  "license": "SEE LICENSE IN LICENSE.txt",
  "keywords": ["anahtar", "helimeler"],
  "repository": {
    "type": "git",
    "url": "github_proje urli"
  }
}

🔗 Harici Bağlantılar

• VS Code Publishing Extension

• VS Code Eklentileri Sık Sorulan Sorular