Bài viết này cung cấp thông tin tổng quan về Giao diện người dùng mở rộng mã VEX Visual Studio (Giao diện người dùng). Tiện ích mở rộng này hỗ trợ phát triển các dự án C++ và Python cho nền tảng VEX IQ thế hệ thứ 2, EXP và V5.

Bố cục giao diện người dùng mở rộng mã VEX VS

Giao diện người dùng mở rộng mã VEX Visual Studio được chia thành năm khu vực chính: Thanh hoạt động, Thanh bên, Trình chỉnh sửa, Bảng điều khiển đầu cuối và Thanh công cụ.

ui-image1.png

Thanh hoạt động

Thanh Hoạt động có một loạt biểu tượng cho phép chúng tôi chuyển đổi giữa các chế độ xem và cung cấp cho chúng tôi các chỉ báo bổ sung theo ngữ cảnh cụ thể để phát triển dự án VEX.

ui-image2.gif

Các biểu tượng phổ biến được sử dụng để phát triển dự án VEX trong VS Code là:

  • ui-image3.png Biểu tượng Chế độ xem Explorer - Khi được nhấp vào, Chế độ xem Explorer sẽ mở trong Thanh bên.
  • ui-image4.png Biểu tượng Chế độ xem Tiện ích mở rộng - Khi được nhấp vào, Chế độ xem Tiện ích mở rộng sẽ mở trong Thanh bên.
  • ui-image5.png Biểu tượng VEX View - Khi được nhấp vào, VEX View sẽ mở trong Thanh bên.

Thanh bên

Thanh bên chứa các chế độ xem khác nhau cho phép chúng tôi sử dụng các công cụ tích hợp trong Mã VS. Các chế độ xem Thanh bên phổ biến được sử dụng để thực hiện các tác vụ phát triển dự án VEX là Chế độ xem mở rộng, Chế độ xem VEXChế độ xem Explorer.

Chế độ xem tiện ích mở rộng

Chế độ xem tiện ích mở rộng được sử dụng để cài đặt và quản lý các tiện ích mở rộng trong Mã VS. Để phát triển phần mềm trên nền tảng VEX IQ thế hệ 2, EXP và V5, chúng ta cần cài đặt Tiện ích mở rộng VEX, Tiện ích mở rộng C/C++ và Tiện ích mở rộng Python.

Để biết hướng dẫn từng bước về cách cài đặt VEX Extension, C/C++ ExtensionPython Extension trong VS Code, vui lòng xem bài viết này.

ui-image6.png


Chế độ xem VEX

Chế độ xem VEX cho phép chúng tôi phát triển các dự án cho VEX IQ thế hệ thứ 2, EXP và V5 trong Mã VS. Có ba danh mục được bao gồm trong Chế độ xem VEX: HÀNH ĐỘNG DỰ ÁN, THÔNG TIN THIẾT BỊ VEX,PHẢN HỒI VEX.

ui-image7.png

ui-image8.png

  • THÔNG TIN THIẾT BỊ VEX
    Danh mục THÔNG TIN THIẾT BỊ VEX cung cấp cho chúng ta cái nhìn tổng quan về thiết bị VEX được kết nối - Bộ não VEX hoặc Bộ điều khiển VEX.

    ui-image9.gif


    Danh mục này cho biết loại Thiết bị VEX được kết nối và hiển thị thông tin của hệ thống Brain, cổng nối tiếp, chương trình đã tải xuống và các thiết bị được kết nối với cổng thông minh của VEX Brain. Nó cho phép chúng ta chụp màn hình Màn hình não VEX, xem Nhật ký sự kiện não VEX, sử dụng V5 Battery Medic, đặt tên não đội số, và xóa chương trình người dùng khỏi VEX Não.

    Khi VEX Brain được kết nối với máy tính, danh mục VEX DEVICE INFO sẽ hiển thị xem Bộ điều khiển VEX có được liên kết với VEX Brain hay không và cho phép chúng tôi cập nhật VEXos cho VEX Brain nếu phiên bản VEXos VEX Brain là hết hạn.

    Khi Bộ điều khiển VEX được kết nối với máy tính, danh mục THÔNG TIN THIẾT BỊ VEX sẽ hiển thị xem VEX Brain có được liên kết với Bộ điều khiển VEX hay không và cho phép chúng tôi cập nhật VEXos cho Bộ điều khiển nếu phiên bản VEXos của Bộ điều khiển VEX là hết hạn.

    Để có mô tả đầy đủ về thông tin thiết bị và cách sử dụng các tính năng trong mục VEX DEVICE INFO, vui lòng xem bài viết này.
  • VEX PHẢN HỒI
    Chúng ta có thể gửi phản hồi cho VEX bằng cách nhập tin nhắn vào Hộp văn bản bên dưới VEX PHẢN HỒI và nhấp vào nút GỬI .
    Để biết thông tin hữu ích về cách sử dụng VEX PHẢN HỒI trong VS Code, vui lòng xem bài viết này.

ui-image10.gif

Chế độ xem khám phá

Explorer View được sử dụng để duyệt, mở và quản lý các tệp và thư mục dự án VEX trong VS Code.

ui-image11.png

Biên tập viên

Trình chỉnh sửa là khu vực chính để chỉnh sửa các tệp trong VS Code. Tiện ích mở rộng mã VEX VS kích hoạt Intellisense/Linting cho cả C/C++ và Python trong khu vực Trình chỉnh sửa để hỗ trợ chúng tôi trong khi phát triển chương trình.

ui-image12.png

Trong khu vực Trình chỉnh sửa, chúng ta có thể tiếp cận thông tin hữu ích về một chức năng cụ thể bằng cách di chuột qua văn bản của hàm hoặc bằng cách sử dụng Trợ giúp lệnh VEX để truy cập tài liệu cho chức năng này có trong API C++ và Python (Giao diện lập trình ứng dụng ).

Để biết hướng dẫn chi tiết về cách sử dụng VEX Command Help trong VS Code, vui lòng xem bài viết này.

Bảng điều khiển thiết bị đầu cuối

Phần mở rộng mã VEX VS cung cấp hai thiết bị đầu cuối khi khởi động, Thiết bị đầu cuối nhật ký và Thiết bị đầu cuối tương tác. 

  • Log Terminal - Log Terminal hiển thị đầu ra bản dựng, lỗi bản dựng và kết quả tải xuống.

ui-image13.png

  • Thiết bị đầu cuối tương tác - Thiết bị đầu cuối tương tác có hai chức năng - hiển thị nhật ký in và gửi các lần nhấn phím thô trở lại chương trình người dùng.

    ui-image14.png



    Lưu ý: Để sử dụng thiết bị đầu cuối Tương tác, Bộ não hoặc Bộ điều khiển phải được kết nối với máy tính chạy Phần mở rộng Mã VEX VS.
    Lưu ý: Đầu ra của thiết bị đầu cuối tương tác bị xóa theo mặc định sau khi xây dựng và tải xuống chương trình người dùng.

Thanh công cụ

Thanh công cụ có một loạt biểu tượng cung cấp cho chúng ta cách tương tác nhanh chóng với các dự án mở rộng VEX VS Code, VEX Brains và Bộ điều khiển VEX.

ui-image15.png

Lưu ý: Thanh công cụ chỉ hoạt động khi dự án VEX hợp lệ được mở trong Mã VS. 

Lưu ý: Dự án VEX hợp lệ là dự án được tiện ích mở rộng tạo hoặc nhập. Các dự án VEXcode hoặc VEXcode Pro được mở trong trình chỉnh sửa sẽ không được coi là Dự án VEX hợp lệ và sẽ cần phải được nhập.

Các biểu tượng nổi bật trên Thanh công cụ bao gồm:

  • ui-image16.png Bộ chọn thiết bị - Bộ chọn thiết bị hiển thị Biểu tượng của Thiết bị VEX được kết nối (Biểu tượng Brain ui-image17.png hoặc Biểu tượng Bộ điều khiển ui-image18.png)
    Lưu ý: Nếu bộ điều khiển được kết nối với máy tính nhưng không có liên kết vô tuyến với não, sẽ không có tên não nào hiển thị bên cạnh Biểu tượng Bộ điều khiển.
  • ui-image19.png Biểu tượng bộ chọn vị trí - Biểu tượng bộ chọn vị trí cho phép chúng tôi chọn Vị trí nào mà Tiện ích mở rộng VEX sẽ tải xuống hoặc phát chương trình người dùng bằng cách nhấp vào nó và chọn một trong tám Vị trí có sẵn trên VEX Brain từ danh sách chọn.
  • ui-image25.png Build Icon- Nếu Thiết bị VEX không được kết nối, Build Icon sẽ hiển thị trên Thanh công cụ. Khi nhấp vào, dự án sẽ chỉ xây dựng.
  • ui-image21.png Biểu tượng tải xuống - Nếu thiết bị VEX được kết nối, Biểu tượng tải xuống sẽ hiển thị trên Thanh công cụ. Khi được nhấp vào, dự án sẽ được xây dựng và nếu thành công, sẽ được tải xuống Thiết bị VEX được kết nối.
  • ui-image22.png Biểu tượng Play - Khi được nhấp vào, Biểu tượng Play sẽ chạy chương trình người dùng đã tải xuống trong Khe đã chọn trên VEX Brain.
  • ui-image23.png Biểu tượng Điểm dừng - Khi được nhấp vào, Biểu tượng Điểm dừng sẽ dừng chạy chương trình người dùng trên VEX Brain.
  • ui-image24.png Bộ chọn dự án - Bộ chọn dự án hiển thị tên của dự án đã chọn. Biểu tượng Bộ chọn Dự án cho phép chúng ta chuyển đổi giữa các dự án VEX khi có nhiều dự án tồn tại trong không gian làm việc bằng cách nhấp vào dự án đó và chọn một dự án từ danh sách chọn.
  • ui-image25.png Bộ chọn tệp Python(Chỉ dành cho Python) - Khi một dự án VEX Python được chọn, Bộ chọn tệp Python sẽ xuất hiện trên Thanh công cụ. Bộ chọn tệp Python hiển thị tên của tệp Python đã chọn. Python cho VEX hiện chỉ hỗ trợ tải xuống một tệp.

Để biết thông tin hữu ích về cách sử dụng các tính năng của Thanh công cụ trong VS Code, vui lòng xem bài viết này.

Cài đặt người dùng VEX

Cài đặt người dùng VEX cho phép chúng tôi định cấu hình VEX Extension theo yêu cầu riêng của chúng tôi. Cài đặt người dùng là cài đặt chung được áp dụng cho mọi dự án mở rộng VEX VS Code. Chúng ta có thể truy cập Cài đặt người dùng VEX bằng cách nhấp vào Biểu tượng cài đặt trong Mã VS và chọn các mục tương ứng trong menu.

ui-image26.gif

Cài đặt người dùng VEX để định cấu hình Phần mở rộng mã VEX VS là:

  • Kênh điều khiển (Chỉ bộ điều khiển V5) - Đặt Kênh vô tuyến điều khiển V5 thành Tải xuống hoặc Pit. Cài đặt này chỉ áp dụng cho liên kết vô tuyến VEXnet.
  • Đường dẫn chuỗi công cụ Cpp - Đặt đường dẫn cho Chuỗi công cụ CPP.
  • Enable User Terminal- Bật hoặc tắt tiện ích mở rộng để mở và hiển thị dữ liệu từ cổng người dùng.
  • Mục nhật ký - Đặt số lượng mục nhật ký sẽ tải lên từ VEX Brain.
  • Project Build Type - Đặt cách tiện ích mở rộng sẽ xây dựng dự án C++.
  • Project Home - Đặt vị trí mặc định cho các dự án mới.
  • Chạy sau khi tải xuống - Đặt xem chương trình người dùng có chạy sau khi được tải xuống VEX Brain hay không.
  • Hệ thống DFU Auto Recover - Đặt nếu Brain sẽ tự động phục hồi khi phát hiện IQ2 hoặc EXP ở chế độ DFU.
  • Websocket Server Enable - Bật hoặc tắt tiện ích mở rộng để khởi động Máy chủ Websocket.
  • Địa chỉ máy chủ Websocket Server - Đặt Địa chỉ máy chủ của Máy chủ Websocket.
  • Cổng máy chủ Websocket - Đặt số cổng máy chủ Websocket

Để biết thông tin hữu ích về cách truy cập và đặt Cài đặt người dùng VEX, hãy xem bài viết này.

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

Last Updated: