Top 10 Extensions có lượt cài đặt khủng nên dùng trong VSCode

Mayfest2023

Xin chào mọi người, chắc hẳn trong 500 anh em coder thì số lượng sử dụng Visual studio code cũng khá nhiều nhỉ. Hôm nay mình xin tổng hợp những extensions được sử dụng nhiều nhất (mang tính dùng chung, ngôn ngữ hay framwork nào cũng xài được, chứ không cụ thể dành cho 1 công nghệ nào nhé anh em) (ngoài ra anh em có thể tham khảo thêm tại VS Code Marketplace). Let's gooo

1. Prettier

Khi code trên vscode, bạn có thể sẽ gặp một số vấn đề về format khiến code của bạn trông không được đẹp mắt như dấu ngoặc lộn xộn, canh thụt lề không được đều, thiếu hoặc thừa space, vv..vvv. Prettier là một công cụ để format code tự động, giúp code của bạn có thể đẹp mắt và dễ nhìn hơn.

Ngoài những format mặc định, bạn cũng có thể tự config theo ý mình. Một số format có thể tủy chỉnh như:

Nháy đơn hay nháy kép
Thêm dấu ở cuối dòng
Số space trong 1 tab
Số ký tự trên 1 dòng
....

2. Live Server

Live Server cung cấp công cụ để khởi động một máy chủ web cục bộ cho dự án của bạn để bạn có thể xem trước những thay đổi của mình trực tiếp. Điều này rất hữu ích cho cả phát triển web tĩnh và web động

3. GitLens

GitLens giúp bạn hiểu rõ hơn về source code khi làm việc với team nhiều người. Nhanh chóng tìm hiểu xem ai, tại sao và khi nào một dòng hoặc đoạn code bị thay đổi. Quay lại lịch sử để hiểu rõ hơn về cách thức và lý do đoạn code đó ra đời.

Đây chỉ là một số tính năng mà GitLens cung cấp:

Dễ dàng điều hướng xem lại (lùi và tiến) lịch sử của một tập tin
Hiển thị chú thích ở cuối dòng, cho biết commit và tác giả đã chỉnh sửa lần cuối cùng, với thông tin chi tiết hơn có thể xem khi click chuột
Hiển thị CodeLens về tác giả cho thấy commit mới nhất và số lượng tác giả ở đầu tập tin và/hoặc trên khối mã
Hiển thị chú thích trên thanh trạng thái cho thấy commit và tác giả đã chỉnh sửa dòng hiện tại lần cuối
Hiển thị chú thích file khi cần thiết trên trình soạn thảo, bao gồm:
- Blame - hiển thị commit và tác giả đã chỉnh sửa từng dòng của tập tin
- Changes - làm nổi bật bất kỳ thay đổi địa phương (chưa xuất bản) hoặc dòng đã thay đổi bởi commit mới nhất
- Heatmap - hiển thị cách mà các dòng đã được thay đổi gần đây, so với tất cả các thay đổi khác trong tập tin và so với hiện tại
Chế độ xem Commits để hình dung, khám phá và quản lý các commit Git
và nhiều tính năng nữa

4. Auto Rename Tag

Extension này tự động đổi tên các thẻ HTML khi bạn thay đổi nội dung của chúng. Ví dụ như bạn đang có thẻ <h1>Hello</h1>, khi bạn đổi thẻ mở <h1> thành <h2> thì thẻ đóng của sẽ tự đổi theo. Điều này có thể giúp tránh lỗi và làm cho mã của bạn dễ bảo trì hơn

5. VSCode Icons

VSCode-icons là bộ sưu tập icons được dùng rất phổ biến hiện nay, với khả năng support cho hầu hết các loại file và tên folder dựa theo framework, vscode-icons sẽ mang đến cho bạn trải nghiệm code thoải mái và thuận tiện hơn.

6. Code Spell Checker

Một công cụ hữu ích để kiểm tra lỗi chính tả có trong source code

7. GitHub Pull Requests and Issues

Extension này cho phép bạn xem xét và quản lý GitHub pull requests và issues trong Visual Studio Code. Bao gồm những tính năng như:

Xác thực và kết nối VS Code với GitHub và GitHub Enterprise.
Liệt kê và duyệt PR ngay tại VS Code.
Review PR và thêm comment
Tích hợp Terminal để sử dụng UI và CLIs
Liệt kê và duyệt issues
Thêm nội dung đề xuất cho người dùng và issues
Tạo ra một nhánh cho bạn để làm việc với issue hiện tại
Các action để tạo issues từ những comment "to-do"
và một số tính năng khác..

8. Code Runner

Code Runner hỗ trợ thực thi đoạn code hoặc file code cho rất nhiều ngôn ngữ khác nhau ví dụ như C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA, Less, Fortran, Ring, Standard ML, Zig, ....

9. Docker

Docker extension hỗ trợ việc gợi ý code Dockerfile, tìm lỗi code, vv.vv, giúp dễ dàng build, quản lý và deploy các ứng dụng được chứa trong container từ Visual Studio Code. Nó cũng cung cấp tính năng gỡ lỗi bằng một cú nhấp chuột cho Node.js, Python và .NET bên trong một container.

10. TODO Highlight

Trong 1 team developement, chắc hẳn sẽ có lúc bạn cần để lại những dòng comment về code của mình. TODO Highlight là 1 tiện ích giúp chúng ta dễ dàng phân biệt các loại comment có trong code, từ đó dễ quản lý hơn.

Kết luận

Trên đây là top 10 những extensions có lượt cài đặt cao mà bản thân mình thấy nó sẽ cần thiết trong quá trình code, hi vọng sẽ giúp ích cho anh em. Cảm ơn mọi người đã đọc