Extension VSCode
Bracket Pair Colorizer
Extension trong VSCode này cho phép các dấu ngoặc phù hợp được xác định bằng màu sắc. Người dùng có thể xác định các ký tự phù hợp và màu sắc sẽ sử dụng.
change-case
Extension giúp thay đổi từ UpperCase sang camelCase hoặc bất cứ trường hợp khác theo ý bạn
Code Spell Checker
Kiểm tra chính tả, đặc biệt tốt đối với kiểu camelCase. Giúp bạn kiểm soát lỗi về chính tả thấp nhất để giữ được ngữ nghĩa.
File Utils
Một cách nhanh chóng để tạo, sao chép, di chuyển, đổi tên và xóa các tập tin hoặc các thư mục.
file-icons
Các icon của file thay đổi để có thể kiểm soát và nhìn dễ dàng theo cảm nhận riêng.
Find Related Files
Đúng như cái tên, tìm những file có tên liên quan đến file hiện tại.
FiraCode
Extension dùng để thay đổi các font chữ chẳng hạn như !==, =>, …. để biểu tượng đẹp hơn
GitLens
Khả năng Git tích hợp với VSCode đến tuyệt vời. Có một cái nhìn trực quan về mọi thứ chẳng hạn như sự thay đổi code, các log git, mọi thứ nhanh chóng và dễ dàng hơn trong Extension VSCode
indent-rainbow
Tô màu những khoảng trống trước đoạn code, để code clean hơn, dễ nhìn hơn.
Markdown All in One
Tất cả bạn cần để viết Markdown (phím tắt, xem trước và có thể làm nhiều hơn thế nữa).
Material Icon Theme
Biểu tượng lấy cảm hứng từ Material-UI thay thế cho file icon
Multi Line tricks
Kích hoạtAlt + L (chọn dòng) và Alt + Shift + L (lựa chọn cho nhiều con trỏ) trên VSCode. Một tính năng đến từ Sublime.
Nest Comments
Code của bạn đã chứa đoạn comment và bạn muốn thêm comment thì đây là extension bạn cần
Extensio này chuyển đổi comment có sẵn thành các ký tự an toàn, cho phép comment mới bao gồm comment ban đầu. Và cũng làm điều ngược lại để loại bỏ comment mới
open-in-github VSCode
Chỉ đơn giản là mở project hoặc file trên github.com nhanh chóng
Path Intellisense
Extension giúp bạn autocomplete filenames để có thể code dễ dàng hơn
Project Manager
Bạn có thể thay đổi giữa các project đơn giản
Visual Studio IntelliCode
The Visual Studio IntelliCode giúp bạn code nhanh nhờ sự hỗ trợ AI dựa trên ngữ cảnh trong Extension VSCode
Extensions HTML/CSS/JS/React
Auto Rename Tag
Tự động đổi tên thẻ HTML / XML
eslint-disable-snippets
Bao gồm các đoạn để bỏ qua, dòng hiện tại hoặc dòng tiếp theo.
.
glean
Cho phép trích xuất codejavascript vào mô-đun riêng biệt, cũng như trích xuất JSX vào file mới
javascript console utils
Giúp thêm hoặc xoá console
npm Intellisense
Autocomplete import mô-đun npm
Theme
Kết luận
Trên đây là những extension và plugin tốt nhất dựa trên sự trải nghiệm của bản thân tôi. Mong giúp bạn có thể tạo ra những project nhanh chóng và tốt nhất với sự trợ giúp trên Visual Studio Code.
Tham khảo thêm về Debug tại đây : Từng bước debug NodeJs trong Docker không dùng
Bài viết này được sưu tầm và tổng hợp từ nhiều nguồn trên Internet.
Nếu có gì không hiểu thì inbox messenger bên dưới mình hỗ trợ thêm nhé.
