Đã được đăng vào 11/10/2021 @ 14:15

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Bài này mình sẽ hướng dẫn các bạn cài đặt Visual Studio Code hay VS Code

Một trình biên tập cực bá đạo có thể dùng để code nhiều thứ từ học C,C++, Python … tới Arduino, MCU, Web…

Xem thêm:

• Cài đặt Platform IO để lập trình ESP32
• Cài đặt STM32 CubeMX và Keil C lập trình STM32
• Hướng dẫn thiết kế phần cứng KIT STM32 Blue Pill
• Cách cài đặt và sử dụng ST LINK Utility
• Hệ sinh thái STM32 Cube trong Lập trình STM32 với HAL
• Hướng dẫn tải và sử dụng Hercules Terminal

Giới thiệu về Visual Studio Code (VS Code)

Visual Studio Code là trình soạn thảo code gọn nhẹ nhưng mạnh mẽ chạy trên máy tính, có sẵn cho Windows, macOS và Linux.

VSCode đi kèm với sự hỗ trợ tích hợp cho JavaScript, TypeScript, Node.js và có một hệ sinh thái mở rộng phong phú cho các ngôn ngữ khác (như C++, C#, Java, Python, PHP, Go).

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dành cho Windows, Linux và macOS.

Nó hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn.

Nó cũng cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và các tùy chọn khác.

Visual Studio Code miễn phí và là phần mềm mã nguồn mở.

Lưu ý: Visual Studio Code không giống Visual Studio IDE

Visual Studio Code rất nhẹ (54 MB với bản dành cho Windows), với yêu cầu cấu hình tối thiểu:

• CPU từ 1.6 GHz trở lên
• RAM từ 1 GB
• Có Microsoft .NET Framework 4.5.2

Ưu và nhược điểm của Visual Studio Code

Ưu điểm

• Siêu đa dụng. Có thể nói bạn có thể code mọi thứ trên VS code nếu cài Extension thích hợp
• Nhẹ, dễ cài đặt, miễn phí hoàn toàn
• Cộng đồng hỗ trợ mạnh mẽ
• Code ngầu lòi, tự động gợi nhớ từ

Nhược điểm

• Chính vì đa dụng vậy nên không có gì thực sự mạnh, so với IDE trả phí khác thì kém nhiều thứ
• Các phím tắt mặc định không có ý nghĩa và người dùng phải cấu hình lại gần như tất cả chúng.
• Tương tự như tất cả các ứng dụng electron khác, bộ nhớ và mức sử dụng pin của VSCode khá tệ.

Với mình những nhược điểm đó cũng không trừ quá nhiều những điểm cộng mà nó mang lại, vậy nên hãy cài đặt Visual Studio Code và sử dụng ngay nhé

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Truy cập link của nhà phát hành: https://code.visualstudio.com/

Website tự Recommend phiên bản thích hợp với máy của bạn, hoặc nếu muốn cài bản khác có thể kéo xuống nhé

Mở ra tiến hành cài đặt, Chỉ cần Next cho đến khi Finish là xong.

Mở Vscode lên, đâ là giao diện Wellcome. Bây giờ bạn cần cài đặt các Extension để bắt đầu lập trình nhé

Cài đặt C/C++ trên Visual Studio Code

Cài Extension

Với VS code bạn không cần sử dụng các IDE cùi bắp như DevC hay Turbo C nữa. Mà sẽ được trải nghiệm 1 editor ngầu lòi, code siêu nhanh, không lo sai chính tả các kiểu con đà điểu.

Đầu tiên click vào Biểu tượng Extension gõ C/C++ trong ô tìm kiếm, nhấn vào install tại cái đầu tiên trong danh sách

Sau khi cài đặt xong bạn nên khởi động lại Vs code để nó khởi động cùng Extension nhé

Cài đặt Compiler Mingw với Window

Nhần vào Link :https://sourceforge.net/projects/mingw-w64/files/latest/download

Tải về và cài đặt. Nhấn next như bình thường nhé

Hoặc có thể cài DevC++ hoặc CodeBlock cũng sẽ tự có trong thư mục cài đặt

Thiết lập môi trường

Trong ô tìm kiếm Search Environment

Chọn Tab Avanced -> Environment Variables -> Trong System Variables -> Path -> Edit

Copy đường dẫn tới Complier mới cài đặt:

Lưu ý: Nếu như bạn đã từng cài IDE Codeblocks hoặc DevC++ thì hãy tìm đến thư mục bin của IDE đó.
Ví dụ:
IDE Codeblocks của tôi C:\Program Files (x86)\CodeBlocks\MinGW\bin
IDE DevC++ của tôi C:\Program Files (x86)\Dev-Cpp\MinGW64\bin

Paste vào phía dưới danh sách, nhấn OK

Để test môi trường các bạn sử dụng phím tắt Window + R, gõ cmd.

Trong cmd gõ g++ và Enter. Nếu máy tính hiện như hình là đã cài đặt xong.

Để bắt đầu học lập trình C/C++ các bạn đón đọc các bài sau nhé.

Cài đặt Platform IO lập trình vi điều khiển trên Visual Studio Code

Cài đặt Python

Chúng ta tiến hành cài Python bản mới nhất, các bạn truy cập link: https://www.python.org/downloads/

LƯU Ý QUAN TRỌNG

Bạn nhớ đánh dấu chọn Add Python 3.8 to PATH để câu lệnh Python có thể được chạy từ bất kỳ đâu.

Cài Extension Platform IO cho Vs Code

Cscode-icons

Dành cho mấy đứa thích màu mè như mình, đổi icon nhìn cho phấn chấn tinh thần dễ làm việc

Color info là một plugin nhỏ, cung cấp cho các bạn nhiều thông tin về màu sắc các bạn đã sử dụng trong CSS.

Khi di chuyển con chuột vào một màu trong file css, các bạn có thể xem màu sắc thực của nó, thông tin mã màu trong các định dạng rgb, hex, hsl, cmyk

Và còn rất nhiều Extension bá đạo nữa bạn có thể tự khám phá nhé

Kết

VS code không thể phủ nhận là một phần mềm khá bá đạo, việc cài đặt Visual Studio Code cũng đơn giản và dễ sử dụng.

Nguồn: khuenguyencreator.com