vsCode Extension Yazmak

Yasin DALKILIÇ
3 min readJan 22, 2021

--

Vscdo Extension Yazımı

Herkese merhabalar bu yazımızda sizlerle beraber vsCode için Dummy Text üreten basit bir eklenti yazacağız. Öncelikle kurulumları bir göz gezdirelim.

Kurulumlar

Kuurulumlar için vsCode resmi web sayfasını takip edebilirsiniz.

npm install -g yo generator-code

paketimizi kurduktan sonra aşağıdaki komutu çalıştırıyoruz.

yo code 

komutu çalıştırdıktan sonra bize sunulan seçeneklerden en uygun olanını (Biz Javascript eklentisi yazacağız) seçiyoruz.

Daha sonra bize extension isminin ne olacağını soruyor;

yukarıdaki gibi ilgili alanları doldurup projemizi açıyoruz.

Projemizi açtığımız zaman aşağıdaki gibi bir ekranla karşılaşıyoruz ;

öncelikle package.json dosyamıza gelip activationEvents de randomText

ve commandslarda randomText i çalıştıracağını komutumuzun başlığının ise Random Lorem Text olacağını belirtiyoruz.

ardından extension.js dosyamızı açıp aşağıdaki gibi kodluyoruz.

kodu açıklayacak olursak öncelikle açık bir text editörünün olup olmadığını kontrol edip editor değişkenine aktarıyoruz , eğer editor yoksa ekrana editör açık değil adlı uyarıyı veriyoruz. Eğer editör açık ise basit bir stringArray oluşturup (5 elemanlı ) editörden seçilen metni editor.selection ile alıp, editor edit olduğu zaman seçilen metni array içerisindeki rast gele seçilen bir eleman ile replace edip ekrana mesaj veriyoruz.

Test Edelim;

Editörümüzden f5 basarak debug modda çalıştırıp herhangi bir editör açmadan (Control+shift+p) kombinasyonuna basıp Random Lorem Text’i seçtiğim zaman sağ alttaki gibi bir uyarı alıyorum.

(Control+n) kombinasyonu ile yeni bir dosya açıp içerisine bir ifade yazıp metni seçip ardından (Control+shift+p) kombinasyonu ile Random Lorem Text’i çalıştırdığım zaman ise aşağıdaki gibi bir mesaj alıp textin değiştiğini görebiliyorum.

Peki bu eklentimizi yazdık nasıl publish edip market üzerinde kullanacağızın cevabı ise kendi resmi sayfasında yani burada saklı. :)

Benim oluşturup markete sunmuş olduğum küçük eklenti ise şurada. :)

Herkese İyi Çalışmalar Dilerim.

--

--

Yasin DALKILIÇ
Yasin DALKILIÇ

Written by Yasin DALKILIÇ

Hi, My name is Yasin I am a Software Developer, I love so much researching and development 😊 Here is my youtube channel @webciyasin

No responses yet