STDIO
Tìm kiếm gần đây
    • Nội dung
    • QR Code
    • 0
    • Bình luận
    • Sao chép

    Hướng Dẫn Lập Trình C++ và Gỡ Lỗi với Visual Studio Code

    Bài viết hướng dẫn cách cài đặt Visual Studio Code để lập trình với ngôn ngữ C++ và gỡ lỗi (debug).

    Võ Lê Huy

    17/08/2018
    23/09/2020
    6 phút đọc
    Hướng Dẫn Lập Trình C++ và Gỡ Lỗi với Visual Studio Code

    Visual Studio Code là một phần mềm soạn thảo có dung lượng gọn nhẹ và rất hữu ích có thể chạy ở hệ điều hành Windows, Linux, macOS. Visual Studio Code có dung lượng tải rất nhẹ (dưới 100MB) và có giao diện rất đẹp. Bài viết hướng dẫn cách cài đặt, chạy chương trình và gỡ lỗi chương trình. Cài đặt môi trường lập trình C++ trên Visual Studio Code phải qua khá nhiều bước nhưng rất dễ dàng dành cho các bạn mới học lập trình.

    Chuẩn bị trước khi cài đặt Visual Studio Code

    Hệ điều hành

    • MacOS.
    • Windows 7,  8.0, 8.1, 10.
    • Linux (Debian): Ubuntu 14.04, Debian 7.
    • Linux (Red Hat): Red Hat Enterprise Linux 7, CentOS 7, Fedora 23.

    Về phần cứng

    • Tốc độ của CPU: 1.6 Ghz hoặc hơn.
    • Dung lượng RAM: 1 GB hoặc hơn.

    Cài đặt Visual Studio Code

    Bạn có thể tham khảo thêm bài viết Cài Đặt Visual Studio Code Trên Môi Trường Windows.

    Hiện tại tôi dùng hệ điều hành Windows 10. Nhấn vào đây để tải Visual Studio Code.

    Sau khi tải Visual Studio Code tôi sẽ có tệp tin như sau:

    Việc cài đặt Visual Studio Code rất đơn giản: lần lượt chọn Next. Đây là giao diện sau khi cài đặt thành công:

    Chọn Finish để khởi động ngay. Đây là giao diện làm việc của Visual Studio Code:

    Ở trên là các menu, tôi chọn View → Extensions hoặc đơn giản là nhấn tổ hợp phím Ctrl + Shift + X, một giao diện bên trái sẽ hiện ra như sau:

    Tôi nhập vào ô tìm kiếm với từ C++ và nhấn phím Enter:

    3

    Công cụ này có tính năng hỗ trợ nhắc lệnh: Ctrl + Space.

    Gợi ý đầu tiên → Install → Reload:

    5

    Cài đặt môi trường

    Lưu ý: Nếu như bạn đọc đã từng cài đặt IDE Codeblock hoặc DevC++ thì hãy chuyển thẳng xuống bước cài đặt Path

    Tải compiler

    Nhấn vào đây để tải compiler. Tệp tin sau khi đã tải về:

    11

    Chạy tệp tin vừa tải về, quá trình cài đặt Compiler cũng rất đơn giản là lần lượt chọn Next.

    Cài đặt Path

    Sau khi đã cài đặt xong Compiler, tôi trở lại màn hình Desktop → chuột phải vào This PC → Properties và sẽ có giao diện sau:

    12

    Chọn Advanced system settings và sẽ có giao diện sau:

    Chọn Environment Variables và sẽ có giao diện sau:

    Bảng dưới có tên là System variables, chọn vào dòng Path của cột Variable để chỉnh sửa nội dung, giao diện Edit environment variable sẽ có như sau:

    * Lưu ý: nội dung trong Edit environment variable của bài viết có thể khác với bạn đọc.

    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

    Đường dẫn đi tới thư mục bin khi đã cài đặt xong Compiler là như sau:

    Tôi sao chép đường dẫn này hoặc nhấn tổ hợp phím Alt + D → Ctrl + V:

    Sau đó tôi trở lại giao diện Edit environment variable → New, một dòng trống xuất hiện, tôi dán đường dẫn vào:

    Chọn OK để kết thúc quá trình cài đặt môi trường.

    Kiểm tra môi trường

    Tôi mở giao diện Command Promt với tổ hợp phím Windows + R và nhập vào từ cmd. Ở giao diện Command Promt tôi nhập vào từ g++. Nếu như giao diện như hình sau tức là đã cài đặt môi trường thành công.

    Lưu ý: Nếu không hiển thị như hình trên, bạn hãy khởi động lại máy tính.

    Chạy thử chương trình C++

    Tôi tạo một không gian làm việc bằng cách tạo một thư mục trống, tôi xem thư mục này là một project:

    Trở lại giao diện Visual Studio Code → menu File → Open, đến đường dẫn của thư mục vừa tạo:

    Sau khi chọn Select Folder, ở bên trái, thư mục A Project đã được mở, lúc này tôi nhấp chuột phải vào khoảng không của thư mục A Project → New File hoặc đơn giản là tổ hợp phím Ctrl + N:

    Tôi dán mã nguồn C++ sau vào tệp tin vừa tạo và lưu lại dưới tên main.cpp:

    #include <iostream>
    using namespace std;
    
    int main()
    {
    	cout << "Hello World" << endl;
    	return 0;
    }

    Thử thêm 1 số code phức tạp hơn tại đây - https://www.bugs.vn/io/HlOdH

    Ở menu Task, tôi chọn Run Build Task:

    Sau đó chọn tiếp:

    Chọn tiếp:

    Chọn Others:

    Sau đó xuất hiện một tệp tin tasks.json hiện ra, tôi chỉnh sửa và lưu lại như ảnh sau. Sau khi đã chỉnh sửa tôi vào lại menu Task → Run Build Task để compile mã nguồn. Một giao diện Terminal hiện ra phía dưới, cùng xuất hiện với dòng chữ như trong ảnh có nghĩa là tôi đã Compile thành công mã nguồn.

    Lưu ý: Nếu như Project của bạn có nhiều tệp tin có đuôi cpp thì bạn phải nhập hết các tên đó vào như ở chỗ main.cpp ở ảnh trên.

    Lúc này, để chạy chương trình tôi tìm đến thư mục A Project và chạy tệp tin main.exe hoặc tôi chạy tệp tin ngay trên tab TERMINAL

    Lưu ý: Giao diện bên trái Visual Studio Code ở hình trên là giao diện Debug, để mở giao diện này bạn chỉ cần chọn vào hình con bọ ở bên trái hoặc tổ hợp phím Ctrl + Shift + D, bạn có thể chọn vào hình Command Line ở góc phải trên của giao diện Debug này sẽ đến được giao diện Powershell phía dưới.

    Hướng dẫn gỡ lỗi chương trình với Visual Studio Code

    Tôi vào menu View → Debug hoặc đơn giản với tổ hợp phím Ctrl + Shift + D → Add Configuration như sau:

    Chọn tiếp:

    Một tệp tin launch.json hiện ra, cũng với đường dẫn đến thư mục bin ở đoạn cài đặt path, tôi thêm /gdb.exe vào cuối đường dẫn và lưu lại như sau:

    Trở lại với main.cpp, tôi đặt một Breakpoint màu đỏ ngay tại dòng số 6:

    Tôi nhấp vào mũi tên màu xanh ở kế bên trái dòng chữ (gdb) Launch của giao diện Debug:

    Lưu ý: Một số mũi tên tùy chọn hiện ra ở trên giao diện Visual Studio Code, bạn có thể chọn các mũi tên tùy ý muốn.

    Tôi nhấn phím F10 tương ứng với mũi tên hình vòm để debug từng dòng lệnh. Ở bên trái là giao diện Debug sẽ là nơi tài nguyên được hiển thị dựa trên quy tắc hoặc mã nguồn C++ của chính tôi.

    Nhấn phím F10 lần lượt để theo dõi sự thay đổi của tài nguyên.

    Phù hợp cho bạn

    Đề xuất

    Cài Đặt Môi Trường Lập Trình C++ Với Visual Studio 20xx Community

    Cài Đặt Môi Trường Lập Trình C++ Với Visual Studio 20xx Community

    Hướng dẫn cài đặt Visual Studio Community và môi trường lập trình C++ ...

    Huỳnh Duy Lộc

    27/02/2018

    Tạo Chương Trình C++ Đầu Tiên Với Visual Studio

    Tạo Chương Trình C++ Đầu Tiên Với Visual Studio

    Hướng dẫn sử dụng Visual Studio tạo project C++ đầu tiên.

    Rye Nguyen

    27/07/2015

    Khám phá thêm

    Cài Đặt Visual Studio Code Trên Môi Trường Windows

    Cài Đặt Visual Studio Code Trên Môi Trường Windows

    Visual Studio Code là một trình biên soạn ứng dụng web và ứng dụng đám ...

    Bùi Trung Hiếu

    10/04/2016

    Hướng Dẫn Tạo Thư Viện Static Lua bằng Visual Studio

    Hướng Dẫn Tạo Thư Viện Static Lua bằng Visual Studio

    Hướng dẫn đưa source code Lua vào project Visual Studio và build thành ...

    Lê Hữu Huy

    29/11/2015

    Lập Trình Win32 API - Phần 3: Tạo Và Sử Dụng Resource

    Lập Trình Win32 API - Phần 3: Tạo Và Sử Dụng Resource

    Resource - tài nguyên là một sức mạnh lớn trong việc lập trình bao gồm ...

    Modern C++Win32 API

    12/09/2015

    Khởi Tạo Môi Trường Lập Trình Đồ Họa OpenGL Trên Windows với GLEW và GLFW3

    Khởi Tạo Môi Trường Lập Trình Đồ Họa OpenGL Trên Windows với GLEW và GLFW3

    Hướng dẫn khởi tạo môi trường đồ họa với OpenGL, GLEW và GLFW3.

    Vũ Quang Huy

    28/09/2014

    Cài Đặt Môi Trường Lập Trình Android Studio trên Windows và Tạo Project Đầu Tiên

    Cài Đặt Môi Trường Lập Trình Android Studio trên Windows và Tạo Project Đầu Tiên

    Hướng dẫn cài đặt môi trường lập trình Android Studio và tạo project đầu ...

    Lê Minh Trung

    29/05/2015

    Compiler Warning C4996 và C Run-time Library hay _CRT_SECURE_NO_WARNINGS (CRT)

    Compiler Warning C4996 và C Run-time Library hay _CRT_SECURE_NO_WARNINGS (CRT)

    Compiler warning C4996 là cảnh báo thường gặp khi sử dụng các hàm strcpy ...

    Modern C++Nâng cao

    10/12/2014

    Ngôn Ngữ C++ - Lịch Sử Hình Thành và Phát Triển

    Ngôn Ngữ C++ - Lịch Sử Hình Thành và Phát Triển

    Lịch sử phát triển và lý do tại sao C++ lại là nền tảng cho tất cả lập ...

    Modern C++Nâng cao

    27/09/2014

    Tạo GUI trong C++ Sử Dụng Qt

    Tạo GUI trong C++ Sử Dụng Qt

    Giới thiệu Qt, hướng dẫn download, cài đặt tích hợp với Visual Studio và ...

    Modern C++Nâng cao

    12/05/2016

    STDIO
    Trang chính
    Công ty TNHH STDIO

    30, Trịnh Đình Thảo, Hòa Thạnh, Tân Phú, Hồ Chí Minh
    +84 28.36205514 - +84 942.111912
    developer@stdio.vn

    383/1 Quang Trung, Phường 10, Quận Gò Vấp, Hồ Chí Minh
    Số giấy phép ĐKKD: 0311563559 do sở Kế hoạch và Đầu Tư TPHCM cấp ngày 23/02/2012

    ©STDIO, 2013 - 2020