10 vs code extensions 2024, cho người mới học code

Visual Studio Code (VSCode) – cái tên đã quá quen thuộc với cộng đồng lập trình viên. Theo khảo sát Stack Overflow năm 2023, hơn 70% trong số 82.000 người được hỏi sử dụng VSCode, Việc nó phổ biến kèm theo các rất nhiều extensions hữu dụng khác nhau, từ đó nâng cao hiệu quả trong quá trình tạo ra sản phẩm. Thì bài viết dưới đây mình chia sẽ một số extensions hay cho bạn.  

1. Github copilot

Chức năng chính: AI hỗ trợ, xử lý vấn đề code dựa trên comment.

Github copilot tự động cung cấp những đề xuất xử lý logic code dựa trên những cú pháp comment của bạn. Được phát triển dưới mô hình GPT-3 của Open-AI cung cấp dữ liệu khủng , giúp Copilot có thể hiểu và đề xuất các giải pháp phù hợp với các dự án mã nguồn mở.Từ đó, tiết kiệm thời gian và tăng hiệu xuất cho công việc của bạn.

Xem thêm bài viết về Github Copilot: https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

2. Live server

Chức năng chính: Khởi tạo Local Server ảo, tự động reload page theo thời gian thực.

Live server cho phép xem công việc trực tiếp sau khi bạn lưu file, loại bỏ reload page theo thủ công giúp bạn tiết kiệm thời gian. Nó đặc biệt hữu ít đối với các bạn mới khi học HTML, CSS, JAVASCRIPT.

Xem thêm bài viết về Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

3. Code runner

Chức năng chính: Hỗ trợ khởi chạy chương trình trực tiếp.

Coder runner hỗ trợ nhiều ngôn ngữ lập trình phổ biến như Python, Java, C++, JavaScript, PHP, Ruby, Go, v.v. Danh sách ngôn ngữ được hỗ trợ có thể thay đổi tùy theo phiên bản và cài đặt của Code Runner.Giúp bạn việc viết mã và chạy thử mã trở nên hiệu quả và dễ dàng hơn.

Xem thêm bài viết về Coder runner: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

4. Better comment 

Chức năng chính: Thiết kế những dòng comment dễ đọc hơn.

Better Comment thiết kế những dòng comment của bạn dễ nhìn, dễ đọc và nhìn đặc sắc hơn. Giúp team của bạn dễ đọc dựa trên tiện ích hỗ trợ TODOS, Alert, Highlights…

Xem thêm bài viết về Better comment: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

5. Code spell checker 

Chức Năng chính: Kiểm tra và sửa lỗi chính tả.

Code spell checker là công cụ hỗ trợ phát hiện những lỗi chính tả, khi các bạn khởi tạm hàm hay biến đôi khi không thể tránh việc sai chính tả và gây ra ảnh hưởng đến hiệu suất công việc của bạn.Vì vậy, công cụ này giúp tiết kiệm thời gian và công sức cho bạn trong việc tìm kiếm và sửa lỗi chính tả.

Xem thêm bài viết về Code spell checker: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

6. Prettier 

Chức năng chính: Tự động formating code của bạn trật tự và đẹp hơn.

Prettier là công cụ tự động format lại code của bạn một cách dễ nhìn, trật tự và logic hơn. Có thể tự động xác định dòng tối đa, thực hiện ngắt dòng khi cần thiết để đảm bảo code không vượt quá chiều rộng tối đa, áp dụng các quy tắc thụt lề và khoảng trắng vv. Giúp các bạn tiết kiệm thời gian và ít tôn công sức hơn khi theo quy tắc clean code.

Xem thêm Bài viết về Prettier: https://prettier.io/

7. Setting Sync

Chức năng chính: Đồng bộ dữ liệu cho nhiều thiết bị.

Setting Sync là một tính năng cho phép bạn đồng bộ hóa cài đặt môi trường phát triển của mình trên nhiều máy khác nhau. Điều này có nghĩa là cấu hình trình soạn thảo mã, tiện ích mở rộng, phím tắt và các cài đặt khác mà bạn ưa thích có thể tự động được sao chép và áp dụng trên bất kỳ máy nào bạn sử dụng.

Xem thêm bài viết về Setting sync: https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

8. ESLINT

Chức năng chính: Phân tích và phát hiện lỗi sai cho Javsscript và Jsx.

ESLint là một công cụ phân tích tĩnh mã nguồn mở, phát triển bởi Mircosoft, được sử dụng rộng rãi cho JavaScript và JSX. Tìm và sửa các lỗi cú pháp cơ bản trong code JavaScript, chẳng hạn như thiếu dấu ngoặc nhọn, dấu phẩy hoặc sai sót trong khai báo biến.Giúp bạn giảm thiểu rủi ro và dễ dàng bảo trì hơn trong tương lai.

Xem thêm bài viết về ESLINT: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

9.Live share  

Chức năng chính: Cùng thực hiện code trên một thời gian thực.

Live Share là một tiện ích cho phép bạn làm việc cùng nhau trên cùng một codebase (cơ sở code) theo thời gian thực, Sự thay đổi được cập nhật ngay lập tức cho tất cả những người tham gia phiên Live Share. Hỗ trợ cộng tác và giảm thiểu xung đột code khi bạn làm chung team với nhau.

Xem thêm bài viết về Live share: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

10. Material icon theme 

Chức năng chính: Cung cấp bộ Icon Theme cho file.

Material icon theme là một hệ thống giúp bạn tạo ra trải nghiệm nhất quán, đẹp mắt và thân thiện với người dùng trên nhiều nền tảng khác nhau. Chủ đề biểu tượng Material cung cấp nhiều loại biểu tượng tuân theo các nguyên tắc Thiết kế Material. Tạo ra nhiều file với nhiều icon khác nhau giúp nhận dạng file dễ đọc và nhất quán với ngôn ngữ mà bạn đang thực hiện.

Xem thêm bài viết về Material icon theme: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

Tạm Kết

Trên đây là những extensions mà mình thường xuyên sử dụng trong công việc và thấy rất hữu ích. Hy vọng những chia sẻ này sẽ giúp ích cho các bạn trong việc tìm kiếm các extensions phù hợp để nâng cao hiệu quả công việc.Cảm ơn các bạn đã dành thời gian đọc bài viết của mình. Hy vọng những chia sẻ của mình sẽ giúp ích cho các bạn. Nếu có bất kỳ câu hỏi hoặc góp ý nào, vui lòng để lại bình luận bên dưới.

Các Bài viết liên quan

Bình luận về bài viết này

Blog tại WordPress.com.