Những extension hay ho cho VSCode

21/11/2021 | Tin tức

Visual studio code là một trình soạn thảo mã nguồn phổ biến nhất được sử dụng bởi các lập trình viên. VSCode có những ưu điểm nổi bật như nhanh, nhẹ, hỗ trợ đa nền tảng và nhiều tính năng mạnh mẽ cũng như là một trình soạn thảo mã nguồn mở và hoàn toàn miễn phí. Chính vì những điểm đó khiến cho VSCode ngày càng được sử dụng rộng rãi.

Những extention cho VSCode

  1. Live server

    Live server giúp khởi chạy local server một cách nhanh chóng với tính năng tự động tải lại cho các trang web tĩnh và động. Khi bạn thau đổi thông tin trên trang HTML  thì nó sẽ tự động cập nhật mà không cần chúng ta phải reload lại trình duyệt.




  2. HTML Snippets

    HTML Snippets giúp gợi ý những tên của các thẻ trong HTML khi mà bạn nhập tên một thẻ trong HTML thì lập tức nó sẽ gợi ý cho chúng ta , chỉ cần nhấn enter nó sẽ tự động thêm đầy đủ thẻ mở và đóng hay các attribute có trong thẻ đó, giúp bạn tiết kiệm được khá nhiều thời gian khi code.




  3. VScode icon

    VSCode Icon là một tiện ích giúp các bạn có thể thiết lập nhiều icon đẹp mắt cho Visual Studio Code của bạn trở nên bắt mắt hơn thay cho các thư mục mặt định trên VSCode.




  4. Prettier - code formatter

    Prettier - code formatter giúp bạn định dạng lại code một cách tự động và tạo ta một phong cách code chung cho team thông qua quy tắc được quy định bở extension. Nó giúp hỗ trợ cho đa dạng loại ngôn ngữ như Javascript, Typescript, Html, Vuejs...



  5. Auto rename tag

    Auto rename tag là một tiện ích giúp tự động đổi tên cả cặp thẻ trong HTML, XML. Khi bạn thay đổi tên thẻ mở thì thẻ đóng tương ứng cũng sẽ được tự động thay đổi theo.




  6. Bracket Pair colorizer

    Bracket Pair Colorizer là tiện ích giúp làm nổi bật những dấu ngoặc tương ứng trong đoạn mã với nhau bằng cách sử dụng màu sắc. Nó giúp bạn có thể dễ dàng phát hiêbj những dấu ngoặc còn thiếu hay có cái nhìn trực quan khi có quá nhiều ngoặc lồng vào nhau trong code.



  7. CSS Peek

    CSS Peek là một tiện ích giúp tìm các id hoặc class của các thẻ HTML trong những file CSS mà chứa những class hay thuộc tính đó. Ngoài ra nó cũng cho phép bạn đi đến các file CSS đó ngay lập tức.



  8. GitLens - Git supercharged

    Gitlens - Git supercharged là một tiện ích cung cấp nhiều tính năng hữu ích giúp bạn làm việc với Git một cách tốt hơn. Nó giúp hiển thị thông tin chi tiết những lần sửa đổi trong code và ai là người sửa đổi các đoạn mã đó.



  9. Settings sync

    Settings Sync là một tiện ích giúp bạn có thể lưu lại các thiết lâoj cho Visual Studio Code trên máy tính của mình lên trên Github và sử dụng cho các máy khác một cách dễ dàng ví dụ như là các thông tin về extention khác...



  10. Javascript code (ES6) snippets

    Javascript code (ES6) snippets là một tiện ích giúp bạn có thể gọi cấu trúc của một hàm hay thuộc tính... Một cách nhanh chóng thông qua những cú pháp được cung cấp sẵn.



    Kết Luận

Trên là những extension có trên Visual Studio Code  được mình sử dụng và gợi ý cho các bạn, ngoài những extension trên thì còn rất nhiều extension hay ho khác có trên kho ứng dụng của Visual Studio Code các bạn có thể tham khảo thêm.

Nhiều lượt xem

Vòng đời của laravel
25/11/2021 | Tin tức

Vòng đời request Laravel (Request lifecycle...

Bem là gì ? Quy tắt đặt tên cho CSS
24/11/2021 | Tin tức

BEM là viết tắt của Block-Element-Modifier,...

Hướng dẫn cài đặt laravel DebugBar
22/11/2021 | Tin tức

Trong bài viết hôm nay mình sẽ hướng...

Những extension hay ho cho VSCode
21/11/2021 | Tin tức

Visual studio code là một trình soạn thảo...