VSCode Workcube Extension’ı nedir? Nasıl çalışır, nasıl yüklenir ve kullanılır?

Workcube Extension, Workcube için geliştirilmiş olan bir VS Code editörü eklentisidir. İçerisinde, Workcube’e ait olan Custom Tagler, JS fonksiyonları, Custom Tagler ile kullanılabilecek olan parametreler, kullanılabilecek olan css’ler mevcuttur.

Yükleme Adımları:

https://www.loom.com/share/c4279be423b44563b8eafea9d65fecb8

Üstteki görselde olduğu gibi, vscode/workcube-extension/vsix klasörü içindeki, vsix uzantılı dosyayı, aşağıda gördüğünüz şekilde yükleyebilirsiniz:

Üçüncü adım ardından, ilk görseldeki yolu izleyerek vsix dosyasını seçip yüklemeyi yapabilirsiniz.

Başka bir yöntem de:

Vsix dosyasına sağ tıklayıp Install Extension VSIX seçeneği seçmek.

Genel Kullanım:

Extension içinde ekli olan snippet’lar, kod yazmaya başlandığında ya da Ctrl+Space kısa yolu ile kullanılabilir. Tüm snippet’lar, snippets/ klasörü içerisindeki json dosyalarından okunuyor. Kullanım sırasında karşınıza birkaç seçenek çıkacaktır:

·      wrk: öneki ile çıkacak olan seçenekler Custom Tag’leri ifade eder.

·      wsub: öneki ile çıkacak olan seçenekler, Custom Tag’ler için kullanılabilecek olan parametreleri ifade eder.

o   Custom Tag içerisinde parametreleri görebilmek için wsub kullanmanıza gerek yoktur.

o   Bunun yerine Custom Tag içerisinde Ctrl+Shift+Space kısa yolunu kullanabilirsiniz.

o   Örnek:

Üstteki örnekteki gibi; <cf_box ile > işareti arasında Ctrl+Shift+Space kısa yolunu kullandığınızda cf_box için kullanılabilecek olan parametreleri görebilirsiniz.

·      wdata: öneki ile başlayanlar ise workdata’lardır. Kullanacağınız workdata ile ilgili gerekli CreateObject komutunu eklemenizi sağlar.

·      <cf_wrk_combo> Custom Tag’i name parametresi için, workdata isimleri kullanılacağı zaman, combo_name:list snippet’i kullanılabilir.

Geliştirme:

Extension’da geliştirme yapmak için, vscode\workcube-extension klasöründe düzenleme yapmanız gereklidir.

Herhangi bir değişiklik yapmadan önce, değişiklik yapacağınız dosya ile ilgili snippets/*_talimat.txt dosyasını incelemeniz gerekmektedir.