Extensions VSCode cho Javascript

trieu.dev.da

Nguyễn Thanh Triều
1. TypeScript and JavaScript Language Features

Anh em nào khi lần đầu cài đặt VSCode và code JS/TS nhưng code kiểu gì cũng không được gợi ý code, hay chỉ là click vào hàm mà nó lại không trỏ tới chỗ hàm được định nghĩa không.


Là vì Extension này chưa được enable đấy. Extension này là một Extension được built-in sẵn và bạn chỉ việc tìm nó mà enable lên thôi.


Lưu ý rằng nếu chỉ search ở phần Extension thì sẽ không ra đâu nhé. Bạn cần click vào bộ filter (hình cái phễu) và chọn built-in




2. Live Server

Extension này giúp chạy file html/css với hot reload




3. Auto Close Tag và Auto Rename Tag

Thoáng nhìn thì đây chỉ là 2 Extensions cỏn con giúp close và rename tag thôi nhưng rất chi là hữu ích và không thể thiếu khi code html/jsx đâu nhé







4. Prettier - Code formatter và ESLint

Làm sao để code chuẩn format? Làm sao để đạt được coding convention? Không lo đã có 2 em nó lo


Đây là 2 couple giúp bạn viết mã sạch đẹp và chuẩn hơn cả mấy em thi vở sạch chữ đẹp nữa (cười)







5. Winter is Coming Theme và vscode-icons

Bạn là một người hướng nội, là một con người tẻ nhạt. Bạn muốn có một vài chút màu sắc trên sự nghiệp coder của mình hay đơn giản là bạn muốn cái trình soạn thảo bạn có chút màu mè hoa lá hẹ để code đỡ chán (cười)


Hãy đến với 2 extension này, tô tí màu vào đôi mắt trắng đen của bạn (cười tiếp)







6. Code Spell Checker

Viết sai chính tả thì bị kẻ này người kia cười chê, đừng tủi thân nữa, hãy dùng extension này để check giúp mình khi viết sai từ Tiếng Anh nhé




7. Một số Extensions khác

  • Path Intellisense: gợi ý đường dẫn folder/file
  • Color Highlight: hiển thị màu css
  • Import Cost: tính dung lượng của một module/package được import
  • Bookmarks: đánh dấu những dòng code để tiện nhảy qua nhảy lại những dòng code đó trên nhiều file khác nhau
 
Bên trên