VEX VS Code Uzantısı Kullanıcı Arayüzüne Genel Bakış

Bu makale VEX Visual Studio Code Extension UI'ye (Kullanıcı Arayüzü) genel bir bakış sunmaktadır. Eklenti, VEX IQ 2. Nesil, EXP ve V5 platformları için C++ ve Python projelerinin geliştirilmesini destekliyor.

VEX VS Kod Uzantısı Kullanıcı Arayüzü Düzeni

VEX Visual Studio Code Extension UI beş ana alana ayrılmıştır: Etkinlik Çubuğu, Yan Çubuk, Düzenleyici, Terminal Paneli ve Araç Çubuğu.

 

VEX VS Code kullanıcı arayüzünün tam düzenini gösteren ekran görüntüsü. Ekranın sol tarafında Etkinlik Çubuğu ve Yan Çubuk, ekranın alt tarafında Araç Çubuğu ve Terminal bulunur ve ekranın geri kalanını düzenleyici kaplar.

Etkinlik Çubuğu

Etkinlik Çubuğu, görünümler arasında geçiş yapmamızı sağlayan ve VEX proje geliştirme için bize ek bağlama özgü göstergeler sunan bir dizi simgeye sahiptir.

 

VEX Robotics eklentisi yüklü VS Code Etkinlik Çubuğu. Etkinlik Çubuğu, arama, uzantıları yönetme, sürüm kontrolü ve daha fazlası gibi kullanışlı hızlı işlemler sağlayan simgeler içerir.

VS Code'da VEX projesi geliştirmek için kullanılan yaygın simgeler şunlardır:

  • Gezgin Görünümü simgesi. Explorer Görünümü Simgesi - Tıklandığında, Explorer Görünümü Yan Çubukta açılır.
  • Uzantıları Görüntüle simgesi. Uzantı Görünümü Simgesi - Tıklandığında, Yan Çubukta Uzantı Görünümü açılır.
  • VEX Görünümü simgesi. VEX View Simgesi - Tıklandığında, VEX View Yan Çubukta açılır.

Kenar Çubuğu

Yan Çubuk, VS Code içindeki entegre araçları kullanmamızı sağlayan farklı görünümler içerir. VEX proje geliştirme görevlerini gerçekleştirmek için kullanılan yaygın Kenar Çubuğu görünümleri şunlardır: Uzantı Görünümü, VEX Görünümüve Gezgin Görünümü.

Uzantı Görünümü

Extension View VS Code'da uzantıları yüklemek ve yönetmek için kullanılır. VEX IQ 2. Nesil, EXP ve V5 platformlarında yazılım geliştirmek için VEX Extension, C/C++ Extension ve Python Extension'ı kurmamız gerekiyor.

VEX Extension, C/C++ Extensionve Python Extension VS Code'a nasıl kurulacağına dair adım adım talimatlar için lütfen bu makaleyebakın.

 

VS Code eklentilerinin listesini gösteren eklenti görünümü. Her eklentinin burada açılabilecek bir ayarlar menüsü vardır ve yeni eklentileri bulmak ve indirmek için bir arama çubuğu bulunur.


VEX Görünüm

VEX View , VEX IQ 2. Nesil, EXP ve V5 için VS Code'da projeler geliştirmemize olanak sağlıyor. VEX Görünümünde üç kategori bulunmaktadır: PROJE EYLEMLERİ, VEX CİHAZ BİLGİSİ, ve VEX GERİ BİLDİRİMİ.

 

VS Code VEX Görünümü, üstte proje oluşturma ve içe aktarma seçeneklerini, altta VEX Aygıt Bilgisi menüsünü ve en altta geri bildirim menüsünü gösterir.

  • PROJE EYLEMLERİ
    PROJE EYLEMLERİ altındaki düğmeler yeni bir VEX projesi oluşturmak veya mevcut bir VEXcode projesini içe aktarmak için kullanılır.
    VS Code'da bir VEX projesi oluşturma konusunda ayrıntılı rehberlik için lütfen V5için bu makaleye, EXPiçin bu makaleye ve IQ (2.)için bu makaleye bakın.

VEX Uzantısı Görünümünün Proje İşlemleri bölümü. Bu bölümde "Yeni Proje" ve "Proje İçe Aktar" yazan iki düğme bulunmaktadır.

  • VEX GERİ BİLDİRİMİ
    VEX'e geri bildirim göndermek için VEX GERİ BİLDİRİMİ altındaki Metin Kutusuna mesajınızı yazıp GÖNDER düğmesine tıklayabilirsiniz.
    VS Code'da VEX FEEDBACK kullanımı hakkında yararlı bilgiler için lütfen bu makaleye .
     

VEX Uzantı Görünümünün VEX Geri Bildirim bölümü. Bu bölümde VEX'e geri bildirim göndermek için seçenekler sunan bir form bulunmaktadır.

Explorer Görünümü

Explorer View VS Code'da VEX proje dosyalarına ve klasörlerine göz atmak, bunları açmak ve yönetmek için kullanılır.

 

VS Code Explorer görünümü, kullanıcının VEX projesindeki klasörler ve dosyalar arasında gezinmesine olanak tanır. Dosyaların yanında ilgili simgeler ve dosya türleri gösterilmektedir; bu örnekte bir Python dosyası seçilmiş ve başlığı VEXcode Project.py olarak görünmektedir.

Editör

Editör, VS Code'da dosyaları düzenlemek için kullanılan ana alandır. VEX VS Code Eklentisi, programı geliştirirken bize yardımcı olmak amacıyla Editör alanında hem C/C++ hem de Python için Intellisense/Linting'i etkinleştirir.

 

VEX projesinin bir parçası olarak açılmış bir Python dosyasıyla birlikte VS Code editörü. VEX Brain'e bağlandığında VEX robotik programları oluşturmak için buraya Python veya C/C++ kodu yazılabilir ve düzenlenebilir.

Editör alanında, fonksiyonun metni üzerinde fareyi gezdirerek veya VEX Command Help kullanarak C++ ve Python API'sinde (Uygulama Programlama Arayüzü) bulunan bu fonksiyona ait dokümanlara erişerek belirli bir fonksiyon hakkında faydalı bilgilere ulaşabiliriz.

VS Code'da VEX Komut Yardımı kullanımıyla ilgili ayrıntılı talimatlar için lütfen bu makaleye bakın.

Terminal Panel

VEX VS Code Uzantısı başlangıçta iki terminal sağlar: Log Terminali ve Etkileşimli Terminal. 

  • Günlük Terminali - Günlük Terminali derleme çıktısını, derleme hatasını ve indirme sonuçlarını görüntüler.
     

VS Code VEX Günlük Terminali açılıyor ve varsayılan olarak boş bir durumda, yalnızca "Günlük" yazan tek bir mesaj gösteriyor.

  • Etkileşimli Terminal - Etkileşimli Terminalin iki işlevi vardır: yazdırma kayıtlarını görüntülemek ve ham tuş vuruşlarını bir kullanıcı programına geri göndermek.

    VS Code VEX Etkileşimli Terminali açılır ve VEX Brain bağlantı durumunu detaylandıran mesajlar gösterir.



    Not: Etkileşimli terminali kullanmak için, VEX VS Code Uzantısı çalıştıran bir bilgisayara bir Beyin veya Kontrol Cihazı bağlı olmalıdır.
    Not: Etkileşimli terminal çıkışı, bir kullanıcı programı oluşturulup indirildikten sonra varsayılan olarak temizlenir.

Araç çubuğu

Araç Çubuğu, VEX VS Code uzantı projeleri, VEX Brains ve VEX Controller'larla hızlı bir şekilde etkileşim kurmamızı sağlayan bir dizi simge içerir.

 

VS Code araç çubuğu, bağlı VEX cihazları ve projeleriyle hızlı etkileşim kurmak için kullanılabilen VEX uzantısı simgeleri içerir. VEX özellikleri arasında Aygıt Seçici, Yuva Seçici, Build & İndirme simgesi, Oynat simgesi, Durdur simgesi, Proje Seçici ve Python Dosya Seçici bulunur.

Not: Araç Çubuğu yalnızca VS Code'da geçerli bir VEX projesi açık olduğunda etkindir. 

Not: Geçerli bir VEX projesi, uzantı tarafından oluşturulan veya içe aktarılan bir projedir. Editörde açılan VEXcode veya VEXcode Pro projeleri geçerli bir VEX Projesi olarak değerlendirilmeyecek ve içe aktarılması gerekecektir.

Araç Çubuğunda bulunan simgeler şunlardır:

  • Aygıt Seçici simgesi VS Code araç çubuğunda gösteriliyor. Aygıt Seçici - Aygıt Seçici, bağlı VEX Aygıtının Simgesini (Beyin Simgesi Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Brain icon. veya Kontrol Cihazı Simgesi Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Controller icon.) görüntüler.
    Not: Bir kontrol cihazı bilgisayara bağlıysa ancak bir beyne radyo bağlantısı yoksa, Kontrol Cihazı Simgesinin yanında hiçbir beyin adı görüntülenmez.
  • Yuva Seçici simgesi. Yuva Seçici Simgesi - Yuva Seçici Simgesi VEX Uzantısının hangi yuvaya kullanıcı programı indireceğini veya çalıştıracağını seçmemizi sağlar; bunun için simgeye tıklayıp VEX Beynindeki sekiz kullanılabilir yuvadan birini seçim listesinden seçebiliriz.
  • Oluştur ve İndir simgesi.  Yapı & İndirme Simgesi - Bir VEX Aygıtı bağlıysa, İndirme Simgesi Araç Çubuğunda görünecektir. Tıklandığında proje derlenecek ve başarılı olursa bağlı VEX Cihazına indirilecektir.
  • Oynat simgesi. Oynat Simgesi - Tıklandığında, Oynat Simgesi indirilen kullanıcı programını VEX Beynindeki seçili Yuva'da çalıştırır.
  • Durdur simgesi. Durdurma Simgesi - Tıklandığında, Durdurma Simgesi VEX Beyninde kullanıcı programının çalışmasını durdurur.
  • Proje Seçici, VS Code araç çubuğunda gösterilir. Bu örnekte v5NewProject yazıyor.  Proje Seçici - Proje Seçici seçilen projenin adını görüntüler. Proje Seçici Simgesi çalışma alanı içerisinde birden fazla VEX projesi mevcut olduğunda, üzerine tıklayıp seçim listesinden bir proje seçerek projeler arasında geçiş yapmamızı sağlar.
  • VS Code araç çubuğunda Python Dosya Seçici simgesi gösteriliyor. Bu örnekte main.py dosyası okunmaktadır.  Python Dosya Seçici (Yalnızca Python) - Bir VEX Python projesi seçildiğinde, Araç Çubuğunda Python Dosya Seçici görünecektir. Python Dosya Seçici seçili Python dosyasının adını görüntüler. Python for VEX şu anda yalnızca tek dosya indirmelerini destekliyor.

VS Code'da Araç Çubuğu özelliklerinin nasıl kullanılacağı hakkında yararlı bilgiler için lütfen bakın.

VEX Kullanıcı Ayarları

VEX Kullanıcı Ayarları, VEX Extension kendi gereksinimlerimize göre yapılandırmamıza olanak tanır. Kullanıcı Ayarları, her VEX VS Code uzantı projesine uygulanan genel ayarlardır. VEX Kullanıcı Ayarları VS Code'daki Ayarlar İkonuna tıklayıp menülerde ilgili maddeleri seçerek ulaşabiliriz.

 

VS Code Kullanıcı Ayarları, VEX Robotik Eklentisinin davranışının özelleştirilebileceği VEX kategorisine açılır.

VEX VS Code Uzantısını yapılandırmak için VEX Kullanıcı Ayarları şunlardır:

  • Denetleyici Kanalı (Yalnızca V5 Denetleyici) - V5 Denetleyici Radyo Kanalını İndirme veya Çukurolarak ayarlar. Bu ayar yalnızca VEXnet radyo bağlantısı için geçerlidir.
  • Cpp Araç Zinciri Yolu - CPP Araç Zinciri için Yolu Ayarlar.
  • Kullanıcı Terminalini Etkinleştir- Uzantının kullanıcı portundan veri açmasını ve görüntülemesini etkinleştirir veya devre dışı bırakır.
  • Günlük Girişleri - VEX Brain'den yüklenecek günlük girişlerinin sayısını ayarlar.
  • Proje Derleme Türü - Uzantının bir C++ projesini nasıl derleyeceğini ayarlar.
  • Proje Ana Sayfası - Yeni projeler için varsayılan konumu ayarlar.
  • İndirdikten Sonra Çalıştır - Kullanıcı programının VEX Beynine indirildikten sonra çalıştırılıp çalıştırılmayacağını ayarlar.
  • Sistem DFU Otomatik Kurtarma - DFU modunda bir IQ2 veya EXP algılandığında Beynin otomatik olarak kurtarılıp kurtarılmayacağını ayarlar.
  • Websocket Sunucusunu Etkinleştir - Websocket Sunucusunu başlatmak için uzantıyı etkinleştirir veya devre dışı bırakır.
  • Websocket Sunucusu Ana Bilgisayar Adresi - Websocket Sunucusunun Ana Bilgisayar Adresini ayarlar.
  • Websocket Sunucu Bağlantı Noktası - Websocket Sunucu Bağlantı Noktası Numarasını Ayarlar

VEX Kullanıcı Ayarlarına nasıl erişeceğiniz ve ayarlayacağınız hakkında yararlı bilgiler için bu.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: