Featured Post

Hướng dẫn cài C++ với Visual Studio Code

Điều kiện để cài

Để cài đặt thành công, trước tiên bạn cần phải thiết lập môi trường phát triển cho C++. Cụ thể, trong hướng dẫn này yêu cầu:

  • MinGW
  • Visual Studio Code
  • Visual Studio Code Extension

Cài đặt MinGW
  1. Vào trang chủ của MinGW
  2. Vào trang Downloads
  3. Click vào icon windows để tải về



  4. Mở app vừa cài lên 
  5. Bấm Install, Next và đợi phần mềm tải về.
  6. Cài đặt xong, tick vào ô mingw32-gcc-g++-bin, chọn Mark for Installation
  7. Trên thanh menu bar, chọn Installation > Apply Changes 
     
  8. Sau khi cài đặt xong, vào đường dẫn mà bạn đã cài ứng dụng, theo mặc định là ở: C:\MinGW
  9. Vào thư mục bin trong đường dẫn trên 
  10. Copy path từ thanh address 
  11. Trên thanh search bar của Windows, gõ Variables, chọn Edit the system enviroment variables 
  12. Trong System Properties, chọn Environment Variables... 
  13. Trong Environment Variables, ở khung System Variables, chọn Path, xong bấm vào ô Edit 
  14. Ở cửa sổ Edit environment variables, bấm vào New và copy đường dẫn của MinGW mà mình đã copy ở bên trên 
  15. Bấm Ok > OK > OK ^^ Vậy là đã cài đặt xong môi trường C++ cho máy tính, giờ vào CMD để kiểm tra xem đã nhận được chưa. Từ trên thanh search bar (Tổ hợp phím Windows + S) gõ cmd và chọn Command Prompt 
  16. Gõ `g++ -v` để kiểm tra thông tin, nếu nó hiện ra như sau là chúc mừng bạn đã thành công cài môi trường c++ 
  17.  Giờ thì bắt đầu qua bước 2, cài Visual Studio Code để bắt đầu viết chương trình đầu tiên thôi ^^
Cài đặt VS Code và Extension
  1. Vào trang chủ của VSCode để tải về (link).
  2. Tải về bằng cách click vào link Download for Windows (Stable Build)
  3. Tập tin sẽ được tự động tải về, xong mở lên cài đặt như bình thường 
  4. Đến đây bấm Finish là đã cài đặt xong rồi. 
  5. Mở VSCode lên và giao diện trông như này, giờ sẽ đến bước tiếp theo là cài extension để việc code trở nên dễ dàng hơn 
  6. Bấm vào nút này hoặc tổ hợp (Ctrl + Shift + X) để vào Extension: 
  7. Ở đây mình cài C/C++, Beautify, Code Runner và Bracket Pair Colorizer. (Dưới mình sẽ chú thích sao lại nên dùng những Extension này.
  8. Sau khi cài đặt xong, giờ bắt đầu code thôi ^^.
  9. Mở Folder để mã code mà bạn thích trên thanh menu bar > File > Open Folder (Ctrl + K , Ctrl + O) 
  10. Bấm vào đây để tạo file mới và đặt tên: 
  11. Mình đặt là hello.cpp (Cái tên này thì các bạn đặt tùy ý ^^)
  12. Bắt đầu viết những dòng đầu tiên: 
  13. Ở đây, extension C/C++ bắt đầu phát huy tác dụng khi bạn gõ, nó sẽ hiên lên những recommend để cho bạn gõ nhanh hơn, để điền nhanh câu thì bạn chỉ cần bấm phìm (Tab) là sẽ tự điền cho bạn
  14. C/C++ cũng hỗ trợ việc soát lỗi syntax cho bạn, ở đây tui đã quên không ghi dấu `;` ở cuối câu lệnh nên trình biên dịch đã báo đỏ ở dòng tiếp theo và ở góc có số `1` để biểu thị rằng tôi đã có một lỗi khi viết: 
  15. Còn Bracket Pair Colorizer thì khiến mã bạn trông dễ nhìn hơn khi bạn có nhiều dấu ngoặc trong mã, nó sẽ tô màu khiến bạn phân biệt dễ hơn 
  16. Extension Beautify thì cho mã của bạn trông clean, đẹp hơn như tên của extension ^^ 
    Trước khi dùng
    Sau khi dùng (bấm tổ hợp phím Shift + Alt + F)

  17. Sau khi viết xong, việc tiếp theo sẽ là chạy code, giờ extension Code Runner phát huy tác dụng. Chỉ cần bấm vào nút tam giác ở góc hoặc bấm tổ hợp (Ctrl + Alt + N): 
  18. Lưu ý: Nếu bạn muốn chạy code runner trên cmd, powershell thì thêm dòng "code-runner.runInTerminal"true vào file setting.json tổ hợp (Ctrl + ,)
  19. Vậy là bạn đã hoàn thành việc cài đặt và bắt đầu với sự nghiệp coder ^^

Chúc bạn thành công trên con đường này!
Cảm ơn vì đã xem qua bài hướng dẫn này của tôi.

Comments

Popular posts from this blog

Getting Started with Python 3 in Visual Studio Code