Bài viết này cung cấp thông tin tổng quan về cách cài đặt Visual Studio Code và VEX Visual Studio Code Extension. Tiện ích mở rộng chính thức hỗ trợ Windows và macOS.

Cài đặt mã Visual Studio

Mở trình duyệt internet và điều hướng đến: https://code.visualstudio.com/

Dưới đây là các hướng dẫn được cung cấp bởi trang web VS Code. Những điều này có thể hữu ích hoặc bạn có thể làm theo bài viết này.

Cài đặt cho Windows

Trang chủ của trang web Visual Studio Code có tiêu đề lớn ghi là Chỉnh sửa mã. Được định nghĩa lại. Một nút màu xanh có nhãn Tải xuống cho Windows sẽ hiển thị bên dưới tiêu đề.

Nhấp vào nút tải xuống cho Windows.

Trình cài đặt VS Code được hiển thị đang tải xuống trong menu tải xuống của trình duyệt.

Sau đó quá trình tải xuống sẽ bắt đầu trong trình duyệt.

Biểu tượng File Explorer.

Biểu tượng File Explorer hiển thị trên thanh công cụ Windows bên phải thanh Tìm kiếm.

Tiếp theo, mở File Explorer bằng cách nhấp vào biểu tượng “File Explorer” nằm trên thanh công cụ của windows

Thuật ngữ File Explorer đã được nhập vào Thanh tìm kiếm của Windows và ứng dụng File Explorer sẽ hiển thị trong kết quả tìm kiếm.

Hoặc bằng cách nhập FIle Explorer vào thanh Tìm kiếm của Windows và nhấp vào Ứng dụng File Explorer

Tùy chọn phím tắt tải xuống được hiển thị trong thanh bên của File Explorer.

Tiếp theo điều hướng đến thư mục tải xuống bằng cách nhấp vào phím tắt Tải xuống trong thanh bên.

Windows File Explorer được mở đến thư mục Tải xuống và tệp VS Code Installer sẽ hiển thị.

Bấm vào trình cài đặt VS Code.

Cửa sổ Thiết lập Microsoft VS Code có thỏa thuận cấp phép phải được chấp thuận. Một nút được chọn bên dưới có nội dung Tôi chấp nhận thỏa thuận. Nút Tiếp theo được đánh dấu bên dưới.

Chấp nhận thỏa thuận và nhấp vào tiếp theo.

Cửa sổ Thiết lập Microsoft VS Code với các tùy chọn để chọn các tác vụ bổ sung. Các tùy chọn bao gồm tạo biểu tượng Desktop, thêm hành động Open with Code vào menu ngữ cảnh File Explorer và thêm VS Code vào PATH. Trong ví dụ này, mọi tùy chọn hộp kiểm đều được chọn. Bên dưới, nút Tiếp theo được tô sáng.

Cấu hình cài đặt và nhấp vào tiếp theo.

Cửa sổ thiết lập Microsoft VS Code hiện đã sẵn sàng để cài đặt. Các nhiệm vụ bổ sung đã chọn sẽ được liệt kê để xem xét. Bên dưới, nút Cài đặt được tô sáng.

Bấm vào cài đặt để bắt đầu cài đặt.

Cửa sổ Thiết lập Microsoft VS Code có thanh tiến trình và thông báo Đang cài đặt, vui lòng đợi trong khi Thiết lập cài đặt Visual Studio Code trên máy tính của bạn.

Quá trình cài đặt sẽ bắt đầu.

Cửa sổ Thiết lập Microsoft VS Code có thông báo Hoàn tất Trình hướng dẫn thiết lập Visual Studio Code. Có một tùy chọn để Khởi chạy VS Code được chọn theo mặc định và bên dưới có nút Kết thúc.

Sau khi cài đặt hoàn tất, nhấp vào kết thúc và VS Code sẽ khởi chạy.

Ứng dụng VS Code được mở mà không có dự án nào được chọn.

Mã Visual Studio sẽ mở.

Cài đặt cho macOS

Trang chủ của trang web Visual Studio Code có tiêu đề lớn ghi là Chỉnh sửa mã. Được định nghĩa lại. Một nút màu xanh có nhãn Tải xuống Mac Universal sẽ hiển thị bên dưới tiêu đề.

Nhấp vào nút Tải xuống Mac Universal.

Tệp zip VS Code được hiển thị khi tải xuống danh sách tải xuống của trình duyệt.

Sau đó quá trình tải xuống sẽ bắt đầu.

Biểu tượng Finder.

Biểu tượng ứng dụng Finder được hiển thị trên thanh công cụ macOS.

Tiếp theo mở Finder bằng cách nhấp vào biểu tượng “Finder” trên thanh công cụ macOS

Tùy chọn phím tắt tải xuống được hiển thị ở thanh bên Finder.

Tiếp theo, điều hướng đến thư mục “Tải xuống” bằng cách nhấp vào “Tải xuống” trong thanh bên Mục yêu thích.

Finder được mở đến thư mục Tải xuống và tệp zip VS Code darwin universal được hiển thị.

Nhấp đúp chuột vào file zip VS Code để giải nén.

Finder được mở đến thư mục Tải xuống và tệp zip VS Code darwin universal đã được nhấp đúp để giải nén. Tệp ứng dụng VS Code đã xuất hiện bên cạnh tệp zip.

Nhấp và kéo Ứng dụng Visual Studio Code vào thư mục Ứng dụng.

Tùy chọn phím tắt ứng dụng được hiển thị trong thanh bên Finder.Thanh công cụ macOS được hiển thị.Biểu tượng Launchpad được hiển thị trên thanh công cụ macOS.

Nhấp vào biểu tượng Launch Pad trên thanh công cụ macOS.

Ứng dụng VS Code được hiển thị trong menu macOS Launchpad.

Nhấp vào biểu tượng Visual Studio Code để khởi chạy Visual Studio Code.

Ứng dụng VS Code được mở mà không có dự án nào được chọn.

Mã Visual Studio sẽ mở.

Cài đặt tiện ích mở rộng VEX

Biểu tượng Tiện ích mở rộng trên menu bên của VS Code được hiển thị.

Bấm vào biểu tượng Tiện ích mở rộng trên thanh hoạt động VS Code

Menu bên của VS Code Extensions được mở ra và VEX đã được nhập vào thanh tìm kiếm của menu. Kết quả tìm kiếm được hiển thị bên dưới và Tiện ích mở rộng VEX Robotics được liệt kê.

Trong thanh tìm kiếm gõ VEX

Tiện ích mở rộng VEX sẽ xuất hiện trong cửa sổ bên dưới.

Nhấp vào nút cài đặt bên cạnh tiện ích mở rộng từ VEX Robotics.

Tiện ích mở rộng VS Code được hiển thị trong menu bên và trạng thái của nó là Đang cài đặt.

Khi quá trình cài đặt bắt đầu, văn bản sẽ thay đổi thành cài đặt. Đợi quá trình cài đặt hoàn tất trước khi tiếp tục.

Cài đặt tiện ích mở rộng hỗ trợ

Để sử dụng Intellisense/Linting cho cả C++ và Python, cần phải cài đặt các phần mở rộng bổ sung. Tiện ích mở rộng mã VEX VS sẽ tự động định cấu hình các dự án VEX để hoạt động với các tiện ích mở rộng này. Có thể sử dụng các tiện ích mở rộng Intellisense/Linting khác nhưng người dùng sẽ phải định cấu hình dự án theo cách thủ công nếu cần.

Biểu tượng Tiện ích mở rộng trên menu bên của VS Code được hiển thị.

Bấm vào biểu tượng Tiện ích mở rộng trên thanh hoạt động VS Code

Menu bên của VS Code Extensions được mở ra và C++ đã được nhập vào thanh tìm kiếm của menu. Kết quả tìm kiếm được hiển thị bên dưới và Microsoft C/C++ Extension là tùy chọn đầu tiên được liệt kê.

Trong thanh tìm kiếm gõ “C++”

Tiện ích mở rộng Microsoft C++ sẽ xuất hiện trong cửa sổ bên dưới.

Nhấp vào nút cài đặt bên cạnh tiện ích mở rộng C/C++ của Microsoft.

Tiện ích mở rộng Microsoft C/C++ được hiển thị trong menu bên và trạng thái của nó là Đang cài đặt.

Khi quá trình cài đặt bắt đầu, văn bản sẽ thay đổi thành cài đặt. Đợi quá trình cài đặt hoàn tất trước khi tiếp tục.

Menu bên của VS Code Extensions được mở ra và Python đã được nhập vào thanh tìm kiếm của menu. Kết quả tìm kiếm được hiển thị bên dưới và Microsoft Python Extension là tùy chọn đầu tiên được liệt kê.

Trong thanh tìm kiếm gõ “Python”

Tiện ích mở rộng Microsoft Python sẽ xuất hiện trong cửa sổ bên dưới.

Nhấp vào nút cài đặt bên cạnh tiện ích mở rộng Python của Microsoft.

Tiện ích mở rộng Microsoft Python được hiển thị trong menu bên và trạng thái của nó là Đang cài đặt.

Khi quá trình cài đặt bắt đầu, văn bản sẽ thay đổi thành cài đặt. Đợi quá trình cài đặt hoàn tất trước khi tiếp tục.

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

Last Updated: