Bài này mình sẽ hướng dẫn các bạn cài đặt Visual Studio Code hay VS Code, một trình biên tập cực bá đạo có thể dùng để code nhiều thứ từ học C,C++, Python … tới Arduino, MCU, Web…
Mục Lục
Giới thiệu về Visual Studio Code (VS Code)
Visual Studio Code là trình soạn thảo code gọn nhẹ nhưng mạnh mẽ chạy trên máy tính, có sẵn cho Windows, macOS và Linux. VSCode đi kèm với sự hỗ trợ tích hợp cho JavaScript, TypeScript, Node.js và có một hệ sinh thái mở rộng phong phú cho các ngôn ngữ khác (như C++, C#, Java, Python, PHP, Go).
Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dành cho Windows, Linux và macOS. Nó hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn. Nó cũng cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và các tùy chọn khác. Visual Studio Code miễn phí và là phần mềm mã nguồn mở.
Lưu ý: Visual Studio Code không giống Visual Studio IDE
Visual Studio Code rất nhẹ (54 MB với bản dành cho Windows), với yêu cầu cấu hình tối thiểu:
- CPU từ 1.6 GHz trở lên
- RAM từ 1 GB
- Có Microsoft .NET Framework 4.5.2
Ưu và nhược điểm của Visual Studio Code
Ưu điểm
- Siêu đa dụng. Có thể nói bạn có thể code mọi thứ trên VS code nếu cài Extension thích hợp
- Nhẹ, dễ cài đặt, miễn phí hoàn toàn
- Cộng đồng hỗ trợ mạnh mẽ
- Code ngầu lòi, tự động gợi nhớ từ
Nhược điểm
- Chính vì đa dụng vậy nên không có gì thực sự mạnh, so với IDE trả phí khác thì kém nhiều thứ
- Các phím tắt mặc định không có ý nghĩa và người dùng phải cấu hình lại gần như tất cả chúng.
- Tương tự như tất cả các ứng dụng electron khác, bộ nhớ và mức sử dụng pin của VSCode khá tệ.
Với mình những nhược điểm đó cũng không trừ quá nhiều những điểm cộng mà nó mang lại, vậy nên hãy cài đặt Visual Studio Code và sử dụng ngay nhé
Hướng dẫn cài đặt Visual Studio Code (VS Code)
Truy cập link của nhà phát hành: https://code.visualstudio.com/
Website tự Recommend phiên bản thích hợp với máy của bạn, hoặc nếu muốn cài bản khác có thể kéo xuống nhé
Mở ra tiến hành cài đặt, Chỉ cần Next cho đến khi Finish là xong.
Mở Vscode lên, đâ là giao diện Wellcome. Bây giờ bạn cần cài đặt các Extension để bắt đầu lập trình nhé
Cài đặt C/C++ trên Visual Studio Code
Cài Extension
Với VS code bạn không cần sử dụng các IDE cùi bắp như DevC hay Turbo C nữa. Mà sẽ được trải nghiệm 1 editor ngầu lòi, code siêu nhanh, không lo sai chính tả các kiểu con đà điểu.
Đầu tiên click vào Biểu tượng Extension gõ C/C++ trong ô tìm kiếm, nhấn vào install tại cái đầu tiên trong danh sách
Sau khi cài đặt xong bạn nên khởi động lại Vs code để nó khởi động cùng Extension nhé
Cài đặt Compiler Mingw với Window
Nhần vào Link :https://sourceforge.net/projects/mingw-w64/files/latest/download
Tải về và cài đặt. Nhấn next như bình thường nhé
Hoặc có thể cài DevC++ hoặc CodeBlock cũng sẽ tự có trong thư mục cài đặt
Thiết lập môi trường
Trong ô tìm kiếm Search Environment
Chọn Tab Avanced -> Environment Variables -> Trong System Variables -> Path -> Edit
Coppy đường dẫn tới Complier mới cài đặt:
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
Paste vào phía dưới danh sách, nhấn OK
Để test môi trường các bạn sử dụng phím tắt Window + R, gõ cmd. Trong cmd gõ g++ và Enter. Nếu máy tính hiện như hình là đã cài đặt xong.
Để bắt đầu học lập trình C/C++ các bạn đón đọc các bài sau nhé.
Cài đặt Platform IO lập trình vi điều khiển trên Visual Studio Code
Cài đặt Python
Chúng ta tiến hành cài Python bản mới nhất, các bạn truy cập link: https://www.python.org/downloads/
LƯU Ý QUAN TRỌNG: Bạn nhớ đánh dấu chọn Add Python 3.8 to PATH để câu lệnh Python có thể được chạy từ bất kỳ đâu.
Cài Extension Platform IO cho Vs Code
- Trong VS Code, nhấp vào biểu tượng “Extensions” hoặc nhấn “Ctrl + Shift + X” để mở tab “Extensions”
- Tìm kiếm “ PlatformIO IDE ”
- Chọn tùy chọn đầu tiên
- Cuối cùng, nhấp vào nút “Install”
Sau khi cài đặt, hãy đảm bảo rằng phần mở rộng PlatformIO IDE đã được bật
Restart lại Vs Code để các Extension khởi chạy cùng.
Cài Live Server học lập trình Web với Vs Code
Phần này khá là đơn giản, bạn chỉ cần cài Extension rồi Reset Vscode và sử dụng thôi nhé. Khỏi phải cài đặt gì lằng nhằng
Các Extension bá đạo khi cài đặt Visual Studio Code (VS Code)
Settings Sync
Nếu như bạn phải làm việc trên nhiều máy (đôi khi cả máy virtual), thì extension này là quá hợp lý, nó giúp bạn đồng bộ setting và extension nhờ có Github Gist để download/upload.
TODO Highlight
Nó giúp highlight các TODO, FIXME và bất kì keyword nào bạn xác định. Chỉ cần viết TODO: và không chỉ highlight chính nó, nó còn highlight tất cả những cái bạn đã viết trong project.
Cscode-icons
Dành cho mấy đứa thích màu mè như mình, đổi icon nhìn cho phấn chấn tinh thần dễ làm việc
Bookmarks
Bookmarks là một extension dùng các bookmark màu xanh nhỏ trong file gutter. Nó cực kì tiện lợi khi bạn cần chuyển vị trí trong file, hoặc nếu bạn cần một cái reminder nhanh gọn trong project. Tôi cài bằng shift + cmd += (toggle bookmark) và shift + cmd +-(bookmark tiếp) và nhờ vậy mà tôi có thể nhảy qua lại các file mà không cần phải rời bàn phím. Nó còn add một panel nhỏ ngay dưới browser để list ra tất cả các bookmark đang hoạt động trong project hiện tại.
Color info là một plugin nhỏ, cung cấp cho các bạn nhiều thông tin về màu sắc các bạn đã sử dụng trong CSS. Khi di chuyển con chuột vào một màu trong file css, các bạn có thể xem màu sắc thực của nó, thông tin mã màu trong các định dạng rgb, hex, hsl, cmyk
Và còn rất nhiều Extension bá đạo nữa bạn có thể tự khám phá nhé
Kết
VS code không thể phủ nhận là một phần mềm khá bá đạo, việc cài đặt Visual Studio Code cũng đơn giản và dễ sử dụng. Nếu bạn là người mới học lập trình, có thể tham khảo:
