Visual Studio Code Extensions

Visual Studio Code là một trong những trình soạn thảo code được sử dụng rộng rãi nhất trong cộng đồng nhà phát triển. Một trong những lý do giải thích cho sự phổ biến của VS Code là có nhiều VS Code Extensions giúp tăng hiệu xuất làm việc trong quá trình phát triển phần mềm ứng dụng.

Dưới đây là một số Extensions của Visual Studio Code mà tôi sử dụng.

Auto Rename Tag

Auto Rename Tag là một thành phần mở rộng của VS Code siêu hữu ích dành cho các nhà phát triển web. extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code Bạn sẽ thấy tiện ích mở rộng này hữu ích không chỉ với HTML mà còn với cả React. extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code

Bracket Pair Colorizer

Tính năng này hỗ trợ hiển thị các dấu ngoặc tương ứng có cùng màu. Code của bạn sẽ rất dễ đọc hơn nếu dùng tiện ích này. extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code

Snippets

Snippets là cách tốt nhất để tiết kiệm thời gian và tăng hiệu năng làm việc của bạn. Đây không phải là một extension đơn lẻ mà là tập hợp các extension với nhiều đoạn mã khác nhau cho các ngôn ngữ lập trình khác nhau. DƯới đây là một số tiện ích mở rộng phổ biến:

  1. Angular Snippets (version 11)
  2. Python
  3. JavaScript (ES6) code snippets
  4. HTML Snippets
  5. ES7 React/Redux/GraphQL/React-Native snippets
  6. Vue 3 Snippets

extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code

Better Comments

Better Comments được thiết kế để giúp bạn viết các chú thích cho những đoạn code thân thiện hơn. Nó giúp những dòng chú thích rõ ràng, dễ hiểu điều đó không chỉ có lợi cho người đọc code mà còn cả cho chính bạn.

Với tiện ích mở rộng Better Comments VS Code, bạn có thể phân loại các chú thích của mình thành các cảnh báo (arler), truy vấn (queries), việc cần làm (to-dos), đánh dấu (highlights),...

  • * for highlighted text
  • ! for errors and warnings
  • ? for queries and questions
  • // for strikethrough
  • TODO for to-dos extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code

Icons

Dưới đây là hình ảnh so sánh giữa hai tab của VS Code. Một cái có biểu tượng và cái kia thì không. extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code

Tôi nghĩ, với hình trên bạn sẽ dễ dàng phân biệt giữa các tệp và thư mục hơn phải không. Dưới đây là một số extensions để bạn lựa chọn:

  1. vscode-icons
  2. Material Icon Theme
  3. Material Theme Icons
  4. Simple icons

Prettier - Code formatter

Prettier là tiện ích dùng để format code 1 cách tự động. Bạn sẽ không cần phải tốn thời gian với việc đi format từng đoạn code để nhìn sao cho đẹp. Prettier sẽ giúp thống nhất phong cách code chung của mỗi người như: dấu ngoặc kép, ngoặc đơn, dấu hai chấm, chấm phẩy, thụt lề đầu dòng,... extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code Tiện ích mở rộng này còn hỗ trợ các plugin Prettier. Bạn có thể định cấu hình thêm tiện ích mở rộng này để phù hợp với nhu cầu định dạng của mình.

Import Cost

Extension này sẽ hiển thị inline trên VS Code size của package (nodejs) đang được import, như hình dưới đây. extensions vsc, visual studio code extensions, các extensions hữu ích cho visual studio code, tien ich mo rong huu ich vs code Để làm gì thì các bạn cũng đã biết rồi, điều này rất hữu ích cho các bạn để tránh import một cách vô tội vạ. Đây là plugin được viết cho VS Code, bạn có thể cài từ VSCode Marketplace

© 2019-2021 Phan Nhật Chánh