Skip to content

Latest commit

 

History

History
75 lines (53 loc) · 3.1 KB

vsix.md

File metadata and controls

75 lines (53 loc) · 3.1 KB
description
Visual Studio Code eklentileri olan VSIX yazılımlarını programlama

🧩 Eklenti Programlama | VS Code

🧱 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

{% hint style="info" %} ‍VS Code'un resmi sitesindeki Publishing Extension açıklamasına bakmanızda fayda var. {% endhint %}

🔑 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