Screenshot 5

Dưới đây là 5 extension hay nhất cho visual code mà mình đang dùng, nhờ chúng mà mình đã tiết kiệm được rất nhiều thời gian trong khi code.

  1. Auto Rename Tagautorenametag

Đây là tiện ích rất hữu ích giúp bạn tự động sửa thẻ đóng hay mở khi bạn thay đổi . Hiện tại Auto Rename Tag hỗ trợ các ngôn ngữ : javascript, html, xml, php nhé.

2. vscode-icons

vscodeicon

Tiện ích này giúp hiển thị các icon bắt mắt hơn, giúp bạn dễ dàng phân biệt các loại file nhanh chóng.

Để cài đặt bạn hãy vào nhấn Ctrl+Shift+X và gõ tên của tiện ích rồi cài đặt. Sau khi khởi động lại ứng dụng bạn cần thay đổi gói icon bằng cách:

Linux & Windows => File > Preferences > File Icon Theme > VSCode Icons.
MacOS => Code > Preferences > File Icon Theme > VSCode Icons.

3. Rainbow Brackets

rainbow

Tiện ích này giúp phân biệt các dấu ngoặc tròn, ngoặc nhọn hay ngoặc vuông bằng các màu sắc khác nhau. Điều này rất hữu ích cho bạn trong quá trình lập trình .

4. Live Server

vscode live server animated demo

Tiện ích đóng vai trò như một server giúp hiển thị website nhanh chóng.

Để sử dụng thì sau khi cài đặt và khởi động lại ứng dụng. Tại  tập tin HTML bạn click chuột phải và chọn Open with Live Server

5. IntelliSense for CSS class names in HTML

5crMfTj

Extension này sẽ gợi ý các class CSS giúp bạn tiết kiệm thời gian trong quá trình lập trình.