🌱 Cài đặt VSCode chạy và debug C/C++ project

Visual Studio Code (VSCode) là một trình soạn thảo (text editor) mã nguồn được phát triển bởi Microsoft dành cho Windows, Linux và macOS. VSCode miễn phí và điểm nổi bật là nó hỗ trợ rất nhiều Extension để hỗ trợ cho việc phát triển và quản lý phần mềm. Cùng với khả năng tùy chỉnh theo thói quen người dùng (theme, phím tắt, các tùy chọn khác), VSCode được ưa chuộng bởi rất nhiều lập trình viên của nhiều mảng khác nhau!

Bài viết này sẽ giới thiệu các tải, cài đặt VSCode để chạy và debug một project sử dụng ngôn ngữ lập trình C/C++.

Tải và cài đặt VSCode
Cấu hình project C/C++ trên VSCode
[Video] Debug C/C++ trên VSCode

➤ Tải và cài đặt VSCode

Phần tải và cài đặt VSCode rất nhanh chóng và đơn giản, bạn có thể follow theo hướng dẫn được đặt trên trang chủ VSCode theo platform tương ứng bạn sử dụng.

Bài viết này sẽ chỉ hướng dẫn tải và cài đặt VSCode trên Windows.

Tải bản cài đặt VSCode cho Windows tại đây Visual Studio Code installer
Sau khi tải xuống, chạy file cài đặt (VSCodeUserSetup-{version}.exe).
Theo mặc định, VS Code được cài đặt trong folder
C:\Users\{Username}\AppData\Local\Programs\Microsoft VS Code

Tip. Add Visual Studio Code vào %PATH% môi trường trên máy. Sau đó từ một màn hình console, bạn có thể nhập "code ." để mở VSCode trên thư mục đó. Bạn sẽ cần khởi động lại console sau khi cài đặt để biến môi trường %PATH% có hiệu lực.

Một số thao tác ban đầu trên VSCode:

➥ Cài đặt Theme

Bạn có thể tùy chỉnh Theme và phím tắt theo thói quen sử dụng trên VSCode.

Chọn File > Preferences > Theme > Color Theme, hoặc sử dụng lệnh Preferences: Color Theme (phím tắt là Ctrl+K Ctrl+T) để hiển thị phần chọn Color Theme.
Chọn Theme tương ứng.

Cài đặt Theme trên VSCode

➥ Cài đặt Extension

VSCode hỗ trợ rất nhiều Extension hữu ích cho từng loại ngôn ngữ lập trình, bạn nên tìm hiểu và cài đặt các extension uy tín (có tick xanh hoặc 5 sao).

Cài đặt VSCode Extension

Một số Extension mình dùng:

Git Graph, Git History
C/C++
CMake Tools
Embedded IDE
PlatformIO IDE

➥ Mở một folder

Trong VS Code, bạn có thể làm việc với từng file riêng lẻ (xem và chỉnh sửa file). Ngoài ra, bạn có thể mở một thư mục, còn gọi là workspace, vscode sẽ hỗ trợ nhiều tính năng hơn như setup cấu hình riêng cho thư mục (.vscode), khôi phục trạng thái UI cho thư mục, cấu hình debugger, ...

Tạo một thư mục mới trên máy tính - ví dụ "vscodetest"
Mở Visual Studio Code
Vào File > Open Folder và chọn đến folder "vscodetest" đã tạo.

Quản lý Workspace trên VSCode

➤ Cấu hình project C/C++ trên VSCode

Để làm việc với project C/C++ trên VSCode, bạn cần cài đặt:

Extension C/C++ trên VSCode (Như phần trên - bản của Microsoft)
Compiler (GCC) và Debugger (GDB) trên máy tính

Tham khảo cài đặt Cygwin (compiler và debugger).

Sau đó, bạn có thể tạo một Workspace (Folder) trên VSCode và hoàn thành các file source tương ứng (source code nên hoàn tất sau khi đã hoàn thành các cài đặt project).

Trong Workspace bạn tạo đã có sẵn folder .vscode > chứa các file cài đặt cho workspace. Để có thể chạy và debug cho project C/C++, cần có 2 file launch.json và tasks.json bên trong thư mục .vscode.

VSCode có thể tạo và tự động cấu hình hai file này nếu bạn thử debug lần đầu tiên. Để thực hiện điều đó, hãy mở file main.c trong workspace và nhấn F5 hoặc vào Debug > Start Debugging.

Chọn C++ (GDB/LLDB) sau đó chọn g++.exe build và debug active file.

Một cách khác là bạn chủ động tự tạo 2 file launch.json và tasks.json trong folder .vscode. Sau đó bạn cần chỉnh lại nội dung của hai file này theo project mong muốn.

Đường dẫn đến gcc và gdb (như ví dụ mình sử dụng đường dẫn đến cygwin).
Đường dẫn tương đối và tên các file source code trong project
Các include directory với option -I.
Tên file output (mặc định đang là main.exe)

➥ Tham khảo thêm GCC Command.

<--------------- tasks.json ------------->

// task.json
{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: gcc.exe build active file",
            "command": "C:\\cygwin64\\bin\\gcc.exe",
            "args": [
                "-fdiagnostics-color=always",
                "-g",                           // gcc option for debug
                "${workspaceFolder}/main.c",    // Add all source files
                "${workspaceFolder}/lib.c",
                "-I${workspaceFolder}",         // Link to all include dir
                "-o",
                "${workspaceFolder}/main.exe"   // default output name
            ],
            "options": {
                "cwd": "${workspaceFolder}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "Task generated by Debugger."
        }
    ],
    "version": "2.0.0"
}

<--------------- launch.json ------------->

// launch.json
{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "g++.exe build and debug active file",
        "type": "cppdbg",
        "request": "launch",
        "program": "${workspaceFolder}/main.exe",
        "args": [],
        "stopAtEntry": false,
        "cwd": "${workspaceFolder}",
        "environment": [],
        "externalConsole": false, //set to true to see output in cmd instead
        "MIMode": "gdb",
        "miDebuggerPath": "C:/cygwin64/bin/gdb.exe",
        "setupCommands": [
          {
            "description": "Enable pretty-printing for gdb",
            "text": "-enable-pretty-printing",
            "ignoreFailures": true
          }
        ],
        "preLaunchTask": "C/C++: gcc.exe build active file"
      },
      {
        "name": "g++ build & run active file",
        "type": "cppdbg",
        "request": "launch",
        "program": "${workspaceFolder}/main.exe",
        "args": [],
        "stopAtEntry": false,
        "cwd": "${workspaceFolder}",
        "environment": [],
        "externalConsole": false, //set to true to see output in cmd instead
        "MIMode": "gdb",
        "miDebuggerPath": "C:/cygwin64/bin/gdb.exe",
        "setupCommands": [
          {
            "description": "Enable pretty-printing for gdb",
            "text": "-enable-pretty-printing",
            "ignoreFailures": true
          }
        ],
        "preLaunchTask": "g++ build & run active file"
      }
      ]
  }

Và bạn đã có thể bắt đầu hoàn thiện code cũng như build / run / debug project C/C++ trên VSCode. Dưới đây mình có tạo một video hướng dẫn cơ bản.

➤ [Video] Debug C/C++ trên VSCode

>>>= Follow ngay =<<<

🌱 Cài đặt VSCode chạy và debug C/C++ project

🌱 Cài đặt VSCode chạy và debug C/C++ project