15 Extensions Visual Studio Code cho phát triển Web

 Trước khi đến những blog liên quan đến kiến thức lập trình mình muốn chia sẻ với các bạn những extensions mở rộng trong Visual Studio Code giúp bạn cải thiện hiệu suất cũng như thời gian làm việc. Nào chúng ta cùng nhau đi tìm hiểu những extensions phổ biến trong năm 2020 nhé


2.png


1. Live Server: giúp khởi chạy local server thường áp dụng với file index.html. Khi các bạn ấn tổ hợp phím Ctrl + S thì nó tự động reload lại cho mình trang index.html mà không cần phải load lại trang


2.Auto Close Tag: được xây dựng để giúp bạn tự động đóng thẻ khi viết code 

3.Auto Rename Tag: giúp tự động đổi tên cặp thẻ trong quá trình viết code

4.Prettier: Giúp bạn định dạng lại code một cách tự động và đẹp đẽ như chính cái tên của nó

5.ESLint: là một công cụ phân tích những đoạn mã và đưa ra những quy tắc cần phải cải thiện khi viết code. Ngoài ra nó còn cung cấp cho bạn những giải pháp tối ưu hay sửa lỗi một cách nhanh hơn. Bạn có thể tùy chỉnh, phân tích cú pháp của ESLint để phù hợp với mục đích sử dụng trong dự án của mình.

6.Beautify: là một tiện ích giúp bạn có thể định dạng lại cách hiển thị code một cách đẹp mắt hơn.

7.GitLens: là tiện ích cung cấp nhiều tính năng hữu ích khi bạn làm việc với với Git: như là hiển thị chú thích cho từng dòng code mà lập trình viên commit, hiển thị thông tin chi tiết các lần sử đổi đoạn mã trong khi code…

8.Git History: Hiển thị các lịch sử commit, và so sánh các nhánh khi commits

9.Tabnine là công cụ phát triển AI giúp các lập trình viên viết mã nhanh hơn và ít lỗi hơn. Tabnine giúp nâng cao năng suất của bạn trong công việc

10.Material Icon Them: một trong những tiện ích giúp cho VSCode của mình có những icon đẹp hơn và thân thiện với lập trình viên

11.REST Client: Cũng như việc bạn sử dụng POSTman để test api thì REST Client cho phép bạn gửi yêu cầu HTTP và có thể xem kết quả trực tiếp trên Visual Studio Code

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

14.Settings Syns: giúp bạn có thể lưu lại các thiết lập VS 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. Hiệu quả khi sử dụng các máy khác nhau mà không cần nhớ những extension các thiết lập mà mình đã cài đặt

15Live Sass Compiler: Giúp biên dịch SASS hoặc SCSS sang CSS theo thời gian realtime mà không cần phải load lại trang

16.ES7 React/Redux/GraphQL/React-Native snippets: là tiện ích cung cấp các snippet cho React, Redux (thường được sử dụng khi học đến thư viện ReactJS) 

Design by @KiMiDev

Đăng nhận xét

Cảm ơn bạn đã nhận xét, chúng tôi sẽ quay lại và trả lời cho bạn sớm nhất có thể !!!

Mới hơn Cũ hơn

Nhận xét Mới