Hướng dẫn cài đặt Visual Studio Code (VS Code) lập trình siêu ngầu

cài đặt visual studio 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…

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é

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

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

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

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

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

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

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

Coppy đườ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

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

 

Paste vào phía dưới danh sách, nhấn OK
Hướng dẫn cài đặt Visual Studio Code 7

Để 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.

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

Để 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.

lap trinh esp32 8

Cài Extension Platform IO cho Vs Code

  1. Trong VS Code, nhấp vào biểu tượng “Extensions” hoặc nhấn “Ctrl + Shift + X” để mở tab “Extensions
  2. Tìm kiếm “ PlatformIO IDE ”
  3. Chọn tùy chọn đầu tiên
  4. Cuối cùng, nhấp vào nút “Install

lap trinh esp32 18

Sau khi cài đặt, hãy đảm bảo rằng phần mở rộng PlatformIO IDE đã được bật

lap trinh esp32 19

Restart lại Vs Code để các Extension khởi chạy cùng.

Cài Live Server học lập trình Web với Vs Code

Phần này khá là đơn giản, bạn chỉ cần cài Extension rồi Reset Vscode và sử dụng thôi nhé. Khỏi phải cài đặt gì lằng nhằng

cai live server

Các Extension bá đạo khi cài đặt Visual Studio Code (VS Code)

Settings Sync

Nếu như bạn phải làm việc trên nhiều máy (đôi khi cả máy virtual), thì extension này là quá hợp lý, nó giúp bạn đồng bộ setting và extension nhờ có Github Gist để download/upload.

Settings Sync

TODO Highlight

Nó giúp highlight các TODO, FIXME và bất kì keyword nào bạn xác định. Chỉ cần viết TODO: và không chỉ highlight chính nó, nó còn highlight tất cả những cái bạn đã viết trong project.

todo

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

vscode icons

Bookmarks

Bookmarks là một extension dùng các bookmark màu xanh nhỏ trong file gutter. Nó cực kì tiện lợi khi bạn cần chuyển vị trí trong file, hoặc nếu bạn cần một cái reminder nhanh gọn trong project. Tôi cài bằng shift + cmd += (toggle bookmark) và shift + cmd +-(bookmark tiếp) và nhờ vậy mà tôi có thể nhảy qua lại các file mà không cần phải rời bàn phím. Nó còn add một panel nhỏ ngay dưới browser để list ra tất cả các bookmark đang hoạt động trong project hiện tại.

Color Info

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

color

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. Nếu bạn là người mới học lập trình, có thể tham khảo:

Lập trình Arduino

Lập trình ESP32

Lập trình STM32

Lập trình ESP8266 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *