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 destekler.

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ü düzeninin tamamını gösteren ekran görüntüsü. Etkinlik Çubuğu ve Yan Çubuk ekranın sol tarafında, Araç Çubuğu ve Terminal ekranın alt tarafında ve düzenleyici ekranın geri kalanını kaplıyor.

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 denetimi ve daha fazlası gibi yararlı hızlı eylemler sağlayan simgelere sahiptir.

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

  • Explorer 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ünüm 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.

Yüklü uzantıların listesini gösteren VS Code Uzantı Görünümü. Her eklentinin burada açılabilen bir ayarlar menüsü ve yeni eklentileri bulup indirmek için bir arama çubuğu bulunuyor.


VEX Görünümü

VEX View VS Code'da VEX IQ (2. nesil), EXP ve V5 için 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İ.

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

  • 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. nesil)için bu makaleye bakın.

VEX Uzantı Görünümünün Proje Eylemleri bölümü. Bu bölümde Yeni Proje ve Proje İçe Aktar yazan iki buton bulunmaktadır.

  • VEX CİHAZ BİLGİSİ
    VEX CİHAZ BİLGİSİ kategorisi bize bağlı VEX cihazı - bir VEX Beyni veya VEX Kontrol Cihazı
    hakkında genel bir bakış sağlar

    VEX Device Info section of the VEX Extension View is shown, with a list of all connected devices and specific info about each one. In this example, an EXP Brain and its downloaded programs are shown.


    Bu kategori, bağlı VEX Cihaz türünü belirtir ve Brain sistemi, seri port, indirilen program ve VEX Brain'in akıllı portlarına bağlı cihazların bilgilerini görüntüler. VEX Brain Ekranının ekran görüntüsünü almamızı, VEX Brain Olay Günlüğünü görüntülememizi, beyin adını ve takım numarasını ayarlamamızı ve kullanıcı programını VEX Brain'den silmemizi sağlar.

    Bir VEX Brain bilgisayara bağlandığında, VEX CİHAZ BİLGİSİ kategorisi, bir VEX Kontrol Cihazının VEX Brain'e bağlı olup olmadığını gösterir ve VEX Brain'in VEXos sürümü güncel değilse VEXos'u VEX Brain için güncellememizi sağlar

    Bir VEX Kontrol Cihazı bilgisayara bağlandığında, VEX CİHAZ BİLGİSİ kategorisi, bir VEX Beyninin VEX Kontrol Cihazına bağlı olup olmadığını gösterir ve VEX Kontrol Cihazının VEXos sürümü güncel değilse VEX Kontrol Cihazı için VEXos'u güncellememizi sağlar

    Cihaz bilgileri ve VEX CİHAZ BİLGİSİaltındaki özelliklerin nasıl kullanılacağına dair kapsamlı bir açıklama için lütfen bu makaleye bakın.
  • VEX FEEDBACK
    VEX'e geri bildirim göndermek için, VEX FEEDBACK altındaki Metin Kutusuna mesajımızı yazıp GÖNDER düğmesine tıklayabiliriz.
    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önderme seçeneklerinin bulunduğu 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.

Kullanıcının VEX projesindeki klasörler ve dosyalar arasında gezinmesine olanak tanıyan VS Code Explorer Görünümü. Dosyaların karşılık gelen simgeleri ve gösterilen dosya türleri vardır; bu örnekte bir Python dosyası seçilmiştir ve başlığı main.py'dir.

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 parçası olarak açılan bir Python dosyasına sahip VS Code Editörü. VEX Brain'e bağlandığında VEX robotik programları oluşturmak için Python veya C/C++ kodları burada 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 Log Terminali açıldığında yalnızca Log yazan bir mesajın yazdırıldığı varsayılan boş bir durum gösteriliyor.

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

    VS Code VEX Interactive Terminal is opened and shows messages that detail the VEX Brain connection status.



    Not: Etkileşimli terminali kullanmak için, Beyin veya Denetleyicinin VEX VS Code Uzantısını çalıştıran bir bilgisayara bağlanması gerekir.
    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.

Bağlı VEX cihazları ve projeleriyle hızlı bir şekilde etkileşim kurmak için kullanılabilen VEX Uzantısı simgelerine sahip VS Code Araç Çubuğu. VEX özellikleri arasında Cihaz Seçici, Yuva Seçici, Yapı & İ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:

  • Cihaz Seçici simgesi VS Code araç çubuğunda gösterilir. Cihaz Seçici - Cihaz Seçici, bağlı VEX Cihazının Simgesini (Beyin Simgesi Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Brain icon. veya Denetleyici 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 denetleyici bilgisayara bağlıysa, ancak beyne radyo bağlantısı yoksa, Denetleyici Simgesinin yanında beyin adı görüntülenmez.
  • Slot Seçici simgesi. Slot Seçici Simgesi - Slot Seçici Simgesi VEX Uzantısının hangi Slot'a bir kullanıcı programını indireceğini veya oynatacağını, üzerine tıklayarak ve seçim listesinden VEX Beynindeki sekiz mevcut Slot'tan birini seçerek seçmemize olanak tanır.
  • Oluştur ve İndir simgesi. Yapı & İndirme Simgesi - Bir VEX Aygıtı bağlıysa, İndirme Simgesi Araç Çubuğunda gösterilecektir. 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 VEX Brain'deki seçili Slot'ta indirilen kullanıcı programını çalıştırır.
  • Durdur simgesi. Durdurma İkonu - Tıklandığında, Durdurma İkonu VEX Brain'deki 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çili 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.
  • Python Dosya Seçici simgesi VS Code araç çubuğunda gösterilir. Bu örnekte main.py yazıyor. Python Dosya Seçici (Sadece Python) - Bir VEX Python projesi seçildiğinde, Python Dosya Seçici Araç Çubuğunda 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 Robotics Extension'ın 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:

  • 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 IQ (2. nesil) veya EXP Beyin 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: