2016-09-14 17 views
6

vscode için bir uzantı geliştiriyorum ve kullanıcının ini dosyasını yapılandırmasına yardımcı olmak için özel bir iletişim kutusu görüntülemek istiyorum.
Etiketler ve girişlerle özel bir iletişim kutusu oluşturmak mümkün müdür?Nasıl vscode özel bir iletişim oluşturmak için?

cevap

7

Yeni kullanıcı arayüzü öğelerini oluşturamaz, ancak kullanıcıdan girdi almak istiyorsanız aşağıdaki gibi bir kod kullanabilirsiniz: Eğer ctrl bastığınızda

let options: InputBoxOptions = { 
    prompt: "Label: ", 
    placeHolder: "(placeholder)" 
} 

window.showInputBox(options).then(value => { 
    if (!value) return; 
    answer1 = value; 
    // show the next dialog, etc. 
}); 

Bu (komut paletle aynı kullanıcı arayüzünü kullanır + p veya giriş kutusuna açılan diğer komutlardan herhangi biri.

+0

, 2017'de hala geçerli mi? Ayrıca, bunun neden bir api'nin parçası olmadığını ya da gelecekte uygulamaya geçirmeyi planladıklarını tartıştıkları vscode veya smth'ın "UI politikası" na atıfta bulunup bulunmadığını merak ediyorum. –

+1

Evet, bu hala geçerli. Bu kararın arkasındaki ilkeleri şu adreste okuyabilirsiniz: https://code.visualstudio.com/docs/extensionAPI/patterns-and-principles – Llewey

+1

"Temel UI DOM'a uzantı yazarlarına doğrudan erişim sağlamadık. VS Kodu ile, sürekli olarak web teknolojilerinin kullanımını optimize etmeye çalışıyoruz ... ve DOM'u bu teknolojiler ve ürünümüzün evrimleşmesi olarak kullanmamıza devam edeceğiz ... uzantıları kendi ana işlemlerinde çalıştırıyoruz ve doğrudan erişime engel oluyoruz DOM Kodu ayrıca, IntelliSense gibi yaygın senaryolar için yerleşik bir UI bileşenleri kümesini de içerir, böylece bu deneyimler, programlama dilleri ve uzantıları arasında tutarlı olur ve uzantı geliştiricilerin kendi başlarına oluşturmalarına gerek yoktur. " – Llewey

İlgili konular