Lộ trình học
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ắtChức năng
1Ctrl + Shift + PHiển thị bảng lệnh
2Ctrl + PMở nhanh, vào tập tin
3Ctrl + Shift + NTạo cửa sổmới:
4Ctrl + Shift + WĐóng cửa sổ

Các phím tắt chỉnh sửa cơ bản

#Phím tắtChức năng
1Ctrl + XCắt dòng
2Ctrl + CSao chép dòng
3Di chuyển lên / xuốngAlt + Up / Down
4Shift + Alt + Up / DownSao chép dòng lên / xuống
5Ctrl + Shift + KXóa dòng
6Ctrl + EnterChèn dòng bên dưới
7Ctrl + Shift + EnterChèn dòng trên
8Ctrl + > / <Thò / thụt dòng
9Home / EndĐi đến đầu / cuối dòng
10Ctrl + HomeĐi đến đầu tập tin
11Ctrl + EndĐi đến cuối tập tin
12Thu gọn theo vùngCtrl + Shift + <
13Ctrl + /Chuyển đổi nhận xét dòng
14Shift + Alt + AChuyển đổi nhận xét khối

Các phím tắt điều hướng

#Phím tắtChức năng
1Ctrl + THiển thị tất cả các biểu tượng
2Ctrl + GChuyển đến dòng...
3Ctrl + PChuyển đến file
4Ctrl + Shift + MBảng điều khiển vấn đề
5F8Chuyển đến lỗi hoặc cảnh báo tiếp theo
6Shift + F8Chuyể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ắtChức năng
1Alt + ClickChèn con trỏ
2Ctrl + Alt + Up / DownChèn con trỏ trên / dưới
3Ctrl + UHoàn tác thao tác con trỏ cuối cùng
4Ctrl + Shift + LChọn tất cả các lần xuất hiện của lựa chọn hiện tại
5Ctrl + F2Chọn tất cả các lần xuất hiện của từ hiện tại
6Shift + Alt + RightMở rộng lựa chọn
7Shift + Alt + LeftLựa chọn co lại

Các phím tắt chỉnh sửa ngôn ngữ

#Phím tắtChức năng
1Ctrl + SpaceKích hoạt gợi ý
2Ctrl + Shift + SpaceKích hoạt gợi ý tham số
3Shift + Alt + FĐịnh dạng tài liệu
4Ctrl + K MThay đổi ngôn ngữ tập tin
5Ctrl + K Ctrl + FLựa chọn định dạng
6F12Go to Definition
7Alt + F12Peek Definition
8Ctrl + K F12Mở
Definition sang một bên
9F2Đổi tên
10Ctrl + K Ctrl + XCắt khoảng trắng

Các phím tắt quản lý editor

#Phím tắtChức năng
1Ctrl + F4, Ctrl + WĐóng editor
2Ctrl + K FĐóng thư mục
3Ctrl + \Chia editor
4Ctrl + 1 / 2 / 3Tập trung vào nhóm editor1, 2 hoặc 3
5Ctrl + K Ctrl + Left / RightTập trung vào nhóm editortrước / tiếp theo
6Ctrl + Shift + Pg
Up / Pg
Dn
Di chuyển editor trái / phải
7Ctrl + K Left / RightDi chuyển nhóm editor

Các phím tắt quản lýfile

#Phím tắtChức năng
1Ctrl + NTập tin mới
2Ctrl + OMở tệp
3Ctrl + SLưu
4Ctrl + Shift + SLưu thành
5Ctrl + K SLưu tất cả
6Ctrl + F4Đóng
7Ctrl + K Ctrl + WĐóng tất cả
8Ctrl + Shift + TMở lại editorđã đóng

Các phím tắt về display

#Phím tắtChức năng
1F11Bật chế độ toàn màn hình
2Shift + Alt + 0Chuyển đổi bố cục editor(ngang / dọc)
3Ctrl + = / -Phóng to / thu nhỏ
4Ctrl + BChuyển đổi chế độ hiển thị Sidebar
5Ctrl + Shift + EHiển thị Explorer / Toggle focus
6Ctrl + Shift + FHiển thị tìm kiếm
7Ctrl + Shift + GHiển thị Source Control
8Ctrl + Shift + DHiển thị Debug
9Ctrl +Shift + XHiển thị Extension
10Ctrl + Shift + HThay thế trong tập tin
11Ctrl + Shift + JChuyển đổi chi tiết tìm kiếm
12Ctrl + K ZChế độ Zen (Esc Esc để thoát)

Các phím tắt Debug

#Phím tắtChức năng
1F9Chuyển đổi breakpoint
2F5Bắt đầu / Tiếp tục
3Shift + F5Dừng lại
4F11 / Shift + F11Bước vào / ra
5F10Bước qua
6Ctrl + K Ctrl + IHiển thị di chuột

Các phím tắt tích hợp terminal

#Phím tắtChức năng
1Ctrl + `Hiển thị terminal
2Ctrl + Shift + `Tạo terminal mới
3Ctrl + CSao chép lựa chọn
4Ctrl +VDá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.

*

#Phím tắt
Video hướng dẫn
1Extension Quokka - Realtime kết quả Code
2vscode-icons - bộ Icon đẹp cho các folder, file trong VScode
3Material Icons- bộ Icon đẹp cho các folder, file trong VScode
4Extension Drawio - Vẽ biểu đồ trực tiếp tại VScode
5Extension Live Server - Review trực tiếp kết quả trong khi code
6Extension Code Spell Checker - Kiếm tra, thông báo phần code bị gõ sai
7Extension
Bracket Pair Colorizer - Giúp phân biệt các cặp dấu đóng, mở ngoặc
8Extension
Colorize - Giúp phân biệt các mã màu CSS
9Extension
Prettier Code Format - Tự động format code gọn gàng, dễ đọc
9Extension
Path Intellisense - Đề xuất đường dẫn thư mục, tập tin
10Extension
Better Comments - Tạo comment code nhiều màu, dễ phân loại
11Extension
Auto Rename Tag - Tự động thay đổi tên tag
12Extension
Auto Close Tag - Tự động đóng tag
13Emmet - 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ên
RAM 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 vscode

Cá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: Min
GW

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ường

Mở 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