Khóa học online
Lập trình Python
Lập trình C C++ C#Lập trình di động
Lập trình PHP từ A đến ZLập trình Frontend
Javascript Framework
Lập trình Node
Js
Lập trình Java
Chuyên đề bổ trợ
Học Offline Hồ Chí Minh
Trại Dev
Lộ trình Frontend
Lộ trình Backend PHPLộ trình Backend Node
JSLộ trình Di động
Lộ trình Python
Khóa học bổ trợ
Học Online 1 kèm 1Cho người mới bắt đầu
Lộ trình Frontend
Lộ trình Backend PHPLộ trình Backend Node
JSLộ trình Di động
Lộ trình Python
Khóa học bổ trợ
Tài nguyên miễn phí
Chuyên mục


Bài viết Sử dụng Visual Studio Code từ A đến Z dành cho các bạn mới bắt đầu học lập trình cho đến những anh em lập trình viên đã đi làm. Trong bài viết này mình sẽ hướng dẫn các bạn sử dụng visual studio code (VSCode) từ các thao tác cơ bản đến những mẹo khi sử dụng để tăng quá trình code gấp nhiều lần. Ngoài ramìnhcòn tổng hợp các extension hay, cách tạo snippet, phím tắt tiện dụng trong VSCode.
Bạn đang xem: Cách chạy chương trình trong visual studio code
1. Sơ lược về Visual Studio Code
Trong tất cả các trình soạn thảo mã nguồn, thì mình thích nhất Visual Studio Code bởi vì nó được cung cấp hoàn toàn miễn phí và có hầu hết đầy đủ tính năng mà lập trình viên cần.Nó có thể chạy trên rất nhiều nền tảng khác nhau, nên khi mình thành thạo nó, mình từ Windows chuyển sang Mac hay Linux cũng không phải băn khoăn đi tìm trình soạn thảo khác.VScode hỗ trợ mình code rất là nhiều ngôn ngữ và có rất nhiều extension đi kèm theo để hỗ trợ giúp cho quá trình soạn thảo của chúng ta nhanh chóng và dễ dàng hơn.2. Hướng dẫn cho người mới bắt đầu.
Mình sẽ cho anh em link video hướng dẫn cơ bản về VScode, ở đây anh em sẽ học được các thao tác thường dùng khi sử dụng VScode.
3. Hướng dẫn tạo khối lệnh, tự tạo snippet cho riêng mình.
Tạo snippet sẽ giúp anh em gõ nhanh hơn, gõ chính xác những câu lệnh dài dòng.Ví dụ như mình hay dùng console.log() thì mình sẽ tạo snippet khi mình gõ zlog thì tự động nó sẽ gõ ra console.log() cho mình.
Trong khi code, có rất nhiều đoạn mã nguồn được sử dụng lặp đi lặp lại rất nhiều lần. Việc tạo ra những đoạn snippet sẽ giúp các bạn tiết kiệm thời gian khá nhiều.
Video hướng dẫn:
4. Sử dụng phím tắt trong Visual Studio Code.
Các phím tắt chung
# | Phím tắt | Chức năng |
1 | Ctrl + Shift + P | Hiển thị bảng lệnh |
2 | Ctrl + P | Mở nhanh, vào tập tin |
3 | Ctrl + Shift + N | Tạo cửa sổmới: |
4 | Ctrl + Shift + W | Đóng cửa sổ |
Các phím tắt chỉnh sửa cơ bản
# | Phím tắt | Chức năng |
1 | Ctrl + X | Cắt dòng |
2 | Ctrl + C | Sao chép dòng |
3 | Di chuyển lên / xuống | Alt + Up / Down |
4 | Shift + Alt + Up / Down | Sao chép dòng lên / xuống |
5 | Ctrl + Shift + K | Xóa dòng |
6 | Ctrl + Enter | Chèn dòng bên dưới |
7 | Ctrl + Shift + Enter | Chèn dòng trên |
8 | Ctrl + > / < | Thò / thụt dòng |
9 | Home / End | Đi đến đầu / cuối dòng |
10 | Ctrl + Home | Đi đến đầu tập tin |
11 | Ctrl + End | Đi đến cuối tập tin |
12 | Thu gọn theo vùng | Ctrl + Shift + < |
13 | Ctrl + / | Chuyển đổi nhận xét dòng |
14 | Shift + Alt + A | Chuyển đổi nhận xét khối |
Các phím tắt điều hướng
# | Phím tắt | Chức năng |
1 | Ctrl + T | Hiển thị tất cả các biểu tượng |
2 | Ctrl + G | Chuyển đến dòng... |
3 | Ctrl + P | Chuyển đến file |
4 | Ctrl + Shift + M | Bảng điều khiển vấn đề |
5 | F8 | Chuyển đến lỗi hoặc cảnh báo tiếp theo |
6 | Shift + F8 | Chuyển đến lỗi hoặc cảnh báo trước đó |
Các phím tắt đa con trỏ và lựa chọn
# | Phím tắt | Chức năng |
1 | Alt + Click | Chèn con trỏ |
2 | Ctrl + Alt + Up / Down | Chèn con trỏ trên / dưới |
3 | Ctrl + U | Hoàn tác thao tác con trỏ cuối cùng |
4 | Ctrl + Shift + L | Chọn tất cả các lần xuất hiện của lựa chọn hiện tại |
5 | Ctrl + F2 | Chọn tất cả các lần xuất hiện của từ hiện tại |
6 | Shift + Alt + Right | Mở rộng lựa chọn |
7 | Shift + Alt + Left | Lựa chọn co lại |
Các phím tắt chỉnh sửa ngôn ngữ
# | Phím tắt | Chức năng |
1 | Ctrl + Space | Kích hoạt gợi ý |
2 | Ctrl + Shift + Space | Kích hoạt gợi ý tham số |
3 | Shift + Alt + F | Định dạng tài liệu |
4 | Ctrl + K M | Thay đổi ngôn ngữ tập tin |
5 | Ctrl + K Ctrl + F | Lựa chọn định dạng |
6 | F12 | Go to Definition |
7 | Alt + F12 | Peek Definition |
8 | Ctrl + K F12 | Mở Definition sang một bên |
9 | F2 | Đổi tên |
10 | Ctrl + K Ctrl + X | Cắt khoảng trắng |
Các phím tắt quản lý editor
# | Phím tắt | Chức năng |
1 | Ctrl + F4, Ctrl + W | Đóng editor |
2 | Ctrl + K F | Đóng thư mục |
3 | Ctrl + \ | Chia editor |
4 | Ctrl + 1 / 2 / 3 | Tập trung vào nhóm editor1, 2 hoặc 3 |
5 | Ctrl + K Ctrl + Left / Right | Tập trung vào nhóm editortrước / tiếp theo |
6 | Ctrl + Shift + Pg Up / Pg Dn | Di chuyển editor trái / phải |
7 | Ctrl + K Left / Right | Di chuyển nhóm editor |
Các phím tắt quản lýfile
# | Phím tắt | Chức năng |
1 | Ctrl + N | Tập tin mới |
2 | Ctrl + O | Mở tệp |
3 | Ctrl + S | Lưu |
4 | Ctrl + Shift + S | Lưu thành |
5 | Ctrl + K S | Lưu tất cả |
6 | Ctrl + F4 | Đóng |
7 | Ctrl + K Ctrl + W | Đóng tất cả |
8 | Ctrl + Shift + T | Mở lại editorđã đóng |
Các phím tắt về display
# | Phím tắt | Chức năng |
1 | F11 | Bật chế độ toàn màn hình |
2 | Shift + Alt + 0 | Chuyển đổi bố cục editor(ngang / dọc) |
3 | Ctrl + = / - | Phóng to / thu nhỏ |
4 | Ctrl + B | Chuyển đổi chế độ hiển thị Sidebar |
5 | Ctrl + Shift + E | Hiển thị Explorer / Toggle focus |
6 | Ctrl + Shift + F | Hiển thị tìm kiếm |
7 | Ctrl + Shift + G | Hiển thị Source Control |
8 | Ctrl + Shift + D | Hiển thị Debug |
9 | Ctrl +Shift + X | Hiển thị Extension |
10 | Ctrl + Shift + H | Thay thế trong tập tin |
11 | Ctrl + Shift + J | Chuyển đổi chi tiết tìm kiếm |
12 | Ctrl + K Z | Chế độ Zen (Esc Esc để thoát) |
Các phím tắt Debug
# | Phím tắt | Chức năng |
1 | F9 | Chuyển đổi breakpoint |
2 | F5 | Bắt đầu / Tiếp tục |
3 | Shift + F5 | Dừng lại |
4 | F11 / Shift + F11 | Bước vào / ra |
5 | F10 | Bước qua |
6 | Ctrl + K Ctrl + I | Hiển thị di chuột |
Các phím tắt tích hợp terminal
# | Phím tắt | Chức năng |
1 | Ctrl + ` | Hiển thị terminal |
2 | Ctrl + Shift + ` | Tạo terminal mới |
3 | Ctrl + C | Sao chép lựa chọn |
4 | Ctrl +V | Dán vào terminal |
Với sử dụng phím tắt VScode thì Zend
VN cũng đã có loạt video hướng dẫn cho anh em các phím tắt chúng ta thường xuyên sử dụng nhất.
5. Các Extension hữu ích cho lập trình viên
Extension là các phần mở rộng được chúng ta lựa chọn và cài đặt vào, nó hỗ trợ chúng ta viết code nhanh hơn, báo lỗi, nhắc lệnh, hỗ trợ chạy một file code bất kỳ...
Có rất nhiều extension cho VScode nhưng Zend
VN đã nghiêncứu và tìm ra những extension hay và hữu ích nhất, phù hợp với mọi anh em lập trình.
1 | Extension Quokka - Realtime kết quả Code | |
2 | vscode-icons - bộ Icon đẹp cho các folder, file trong VScode | |
3 | Material Icons- bộ Icon đẹp cho các folder, file trong VScode | |
4 | Extension Drawio - Vẽ biểu đồ trực tiếp tại VScode | |
5 | Extension Live Server - Review trực tiếp kết quả trong khi code | |
6 | Extension Code Spell Checker - Kiếm tra, thông báo phần code bị gõ sai | |
7 | Extension Bracket Pair Colorizer - Giúp phân biệt các cặp dấu đóng, mở ngoặc | |
8 | Extension Colorize - Giúp phân biệt các mã màu CSS | |
9 | Extension Prettier Code Format - Tự động format code gọn gàng, dễ đọc | |
9 | Extension Path Intellisense - Đề xuất đường dẫn thư mục, tập tin | |
10 | Extension Better Comments - Tạo comment code nhiều màu, dễ phân loại | |
11 | Extension Auto Rename Tag - Tự động thay đổi tên tag | |
12 | Extension Auto Close Tag - Tự động đóng tag | |
13 | Emmet - Cách soạn thảo html nhanh |
Và còn rất nhiều thứ hữu ích nữa, mình sẽ tiếp tục cập nhật thêm cho anh em.
Như vậy mình đã tổng hợp các hướng dẫn và chia sẻ các mẹo Visual Studio Code cho anh em, chúc anh em ngày càng tiến xa hơn nữa trên con đường lập trình.
Nếu anh em thấy hay thì chia sẻ giúp mình để mình có thêm động lực để tiếp tục cập nhật nội dung và ra thêm bài mới hỗ trợ anh em trong công việc lập trình. Cảm ơn anh em đã theo dõi bài viết.
Mình đã viết một bài hướng dẫn cài Visual Studio Code để lập trình C++. Nhưng, dường như cách đó gây khó khăn cho các bạn khi thực hiện. Nên hôm nay mình sẽ trình bày một cách khác đơn giản hơn để các bạn có thể thực hiện thành công một cách dễ dàng.
Một số yêu cầu của VSCode:
CPU từ 1.6 GHz trở lênRAM từ 1 GBCó Microsoft .NET Framework 4.5.2
Hướng dẫn cài đặt vscode để lập trình C++ trên Windows
1. Tải và cài đặt vscodeCác bạn vào trang chủ vscode link này, chọn phiên bản phù hợp với thiết bị của các bạn và tải về.

Sau khi tài về, tiến hành chạy file cài đặt. Việc cài đặt rất đơn giản, chỉ cần Next – Next – Next là xong.
2. Cài extension C++Sau khi cài đặt, vscode sẽ có giao diện như thế này:

Các bạn ấn vào Extensions hoặc Ctrl + Shift + X, để mở giao diện như hình dưới.

Tiếp theo các bạn gõ trên thanh tìm kiếm từ khóa “C++”, sau đó chọn extension C/C++ do Microsoft phát hành và ấn Install để cài đặt.
Sau khi quá trình cài đặt hoàn tất bạn hãy tắt VSCode đi(bước này quan trọng nha).
3. Cài đặt môi trường
Cài compile: MinGW
Các bạn vào link nàyvà tải bộ cài Min
GW về. Sau đó, các bạn mở file vừa tải về ra:


Install -> Chọn vị trí lưu compile nếu muốn hoặc để mặc định cho ló nhanh :), Continue.
Nhớ vị trí lưu compile, lúc sau sẽ cần dùng đến.

Đợi tool tải dữ liệu xong, Continue.

Đến đây, các bạn mark 2 dòng mingw32-base và mingw32-gcc-g++. Sau đó, Installation -> Apply Changes. Rồi tiếp tục chờ ...

Đến khi tool tải xong các dữ liệu cần thiết thì Close và thoát ra.
Cài đặt môi trườngMở của số System: Chuột phải vào biểu tượngThis PC-> Properties, Windows Settings hiện ra, lướt xuống phần related settings, chọn Advanced system settings. Hoặc vào Windows Search gõAdvanced system settings-> Environment Variables.
Trong mục System variables, chọn Path -> Edit.
Chọn New. Tìm đường dẫn chứa thư mục bin của compile, copy, paste vào rồi nhấn OK.
Đường dẫn mặc định là: C:\Min
GW\bin
Để kiểm tra đã cài Path thành công hay chưa bạn mở Command Prompt (cmd) và gõ:
g++ --version
Nếu kết quả xuất hiện như hình dưới là bạn đã thành công, nếu không bạn hãy kiểm tra lại nhé.

4. Biên tập và chạy chương trình trên terminal
Chương trình đầu tiên: Hello World.
Mở Vscode lên. Trên thanh công cụ: File -> Open Folder và mở hoặc tạo một thư mục mới (ví dụ Test chẳng hạn), sau đó Select folder.
Nhấn vào biểu tượng New File rồi tạo một file mới tên là Hello
World.cpp và gõ đoạn code huyền thoại sau:
#include using namespace std;int main(){ cout Ctrl + S để lưu lại. Để biên dịch và chạy chương trình bạn vào terminal gõ dòng lệnh:
g++ -g Hello
World.cpp -o Hello
World.exe
Hoặc nhấn tổ hợp Ctrl + Shift + B -> C/C++:g++.exebuildactivefile. Hệ thống sẽ biên dịch
Hello
World.cpp và tạo ra file thực thi
Hello
World.exe.
Để chạy chương trình bạn gõ lệnh:
./Hello
World.exe
Terminal sẽ hiện kết quả như hình dưới:

5. Biên dịch và chạy chương trình trên console
Để chạy chương trình, các bạn nhấn F5 ->C++ (Windows), một file launch.json được tạo ra. Các bạn sửa file lại như sau:
"configurations": < { //... //Sửa lại "program": "${file
Dirname}\\${file
Basename
No
Extension}.exe", //... //Thêm "pre
Launch
Task": "C/C++: g++.exe build active file" }>Các bạn có thể copy đoạn code sau:
{ // Use Intelli
Sense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": < { "name": "(Windows) Launch", "type": "cppvsdbg", "request": "launch", "program": "${file
Dirname}\\${file
Basename
No
Extension}.exe", "args": <>, "stop
At
Entry": false, "cwd": "${file
Dirname}", "environment": <>, "console": "external
Terminal", "pre
Launch
Task": "C/C++: g++.exe build active file" } >}Ctrl + S để lưu, quay trở lại file
Hello
Word.cppnhấn F5 một lần nữa. Chương trình đã chạy trên Console.
Lưu ý: Nếu bạn muốn chạy chương trình ngay trong Terminal thì sử lại dòng"console": "external
Terminal",thành "console": "integrated
Terminal",.
Xem thêm: Set dưỡng trà xanh innisfree green tea special kit ex, bộ dưỡng da innisfree green tea special kit ex
Kết
Trên đây, mình đã giới thiệu với các bạn về Visual Studio Code và các cài đặt để lập trình C++. Hy vọng với cách này sẽ giúp các bạn thực hiện thành công.
Nếu thấy bài viết hữu ích hãy rate 5* và share để cho mọi người có thể tham khảo :v