Visual Studio Code (VSCode) là một text editor cross-flatform miễn phí, được phát triển bởi Microsoft. Nhờ sự linh hoạt cùng với kho Extension (kho tiện ích mở rộng) đa dạng cho các bạn sử dụng với nhiều mục đích công việc khác nhau.

Sau 1 thời gian sử dụng, tìm hiểu và tổng hợp từ nhiều nguồn khác nhau thì mình tìm được 1 số extension hữu ích cho anh em coder. 

1. Cơ bản

Material Theme

VSCode chỉ có duy nhất 1 theme mặc định, nếu bạn muốn đổi màu cho VSCode thì Material Theme là lựa chọn khá ổn.

Material Icon Theme

Giúp bạn hiển thị icon theo tên file hoặc folder, rất dễ nhìn so với để mặc định.

2. Định dạng

EditorConfig for VSCode

Extension này rất cần thiết khi làm việc theo nhóm để định nghĩa Coding style

Bởi vì EditorConfig có thể định nghĩa các giá trị như là: độ rộng của tab, độ dài tối đa của 1 dòng code...

Bạn có thể tham khảo trên trang chủ nhiều cách config tùy theo dự án của bạn.

Bracket Pair Colorizer 2

Giúp hiển thị các cặp dấu ngoặc với màu khác nhau, khi có nhiều cặp dấu ngoặc lồng nhau bạn sẽ cảm thấy dễ nhìn hơn nhiều đấy.

Code Spell Checker

Bạn đã bao giờ debug sấp mặt vì sai lỗi chính tả trong tên biến?? Vậy extension này có thể giúp bạn. Bạn nhìn hình để dễ hình dung hơn.

Prettier - Code formatte

Nhiều lúc code của bạn nhìn ko đc chuẩn style, chỉ cần ấn Ctrl + Shift + P là code auto format cho bạn. Rất hữu ích và dễ sử dụng.

ESLint

Chỉ cần viết sai hoặc viết thừa là đoạn code sẽ bị gạch chân màu đỏ, rất dễ dàng nhìn thấy và sửa lỗi.

Bạn có thể kết hợp với Prettier tự động sửa lỗi luôn.

3. Hỗ trợ gõ & gợi ý

Auto Rename Tag

Rất là hữu ích cho các bạn hay code HTML luôn.

Auto Close Tag

Tiếp tục có extendsion nữa hỗ trợ tag HMTL. Tự động đóng tag.

Path Intellisense

Tự động gợi ý file trong thư mục bạn đang trỏ tới.

HTML CSS Support

Gợi ý cú pháp HTML & CSS cho bạn. Hỗ trợ rất nhiều ngôn ngữ: html, laravel-blade, razor, vue, pug, jade, handlebars, php, twig, md, nunjucks, javascript, javascriptReact, typescript, typescriptReact.

4. Git

Git Graph

Hiển thị lịch sử commit và sửa trực tiếp luôn.

Git Lens

Kiểm tra lịch sử commit trên từng dòng code, hiển thị luôn ai là người code dòng này. Và rất tiện lợi với tính năng resolve conflict.

5. Khác

Visual Studio IntelliCode

Một extension mới của Microsoft dùng AI để cải thiện phần gợi ý cú pháp cho bạn, bất kể bạn đang code trên ngôn ngữ nào đi nữa.

Nguồn: Sưu tầm & chỉnh sửa từ Viblo