22 tiện ích mở rộng hữu ích cho một lập trình viên mới vào nghề

2024 Tác giả: Malcolm Clapton | [email protected]. Sửa đổi lần cuối: 2023-12-17 04:15

Các tiện ích mở rộng cho Chrome và Visual Studio Code giúp nhiều tác vụ mã hóa dễ dàng hơn và tiết kiệm thời gian cho bạn.

Tiện ích mở rộng của Chrome

1. WhatFont là một cách dễ dàng để tìm ra phông chữ nào được sử dụng trên một trang web cụ thể để tìm và sử dụng nó trong các dự án của bạn.

2. Thuốc trừ sâu là một công cụ để làm nổi bật phác thảo và sửa đổi CSS. Hữu ích khi thành thạo mô hình bố cục khối.

3. Colorzilla là một công cụ để lấy màu chính xác từ các trang web. Để thuận tiện, mã màu được sao chép trực tiếp vào khay nhớ tạm.

4. CSS Peeper là một phần mở rộng để xem màu sắc và nội dung được sử dụng trên các trang web: hình minh họa, tài liệu văn bản, tệp bố cục, tệp video.

5. Wappalyzer là một tiện ích cho phép bạn xác định hệ thống quản lý nội dung, khuôn khổ, phần mềm máy chủ, công cụ phân tích và các công nghệ khác được sử dụng trên các trang web.

6. Công cụ dành cho nhà phát triển React là một công cụ hữu ích để gỡ lỗi các ứng dụng React.js.

7. Redux DevTools là một công cụ gỡ lỗi các ứng dụng sử dụng Redux.

8. JSON Formatter là một phần mở rộng để đơn giản hóa khả năng đọc của JSON với đánh dấu cú pháp, thụt lề, liên kết có thể nhấp.

9. Vimeo Repeat and Speed là một tiện ích mở rộng đơn giản để tăng tốc dịch vụ video Vimeo, rất hữu ích khi xem video hướng dẫn.

Tiện ích mở rộng cho Mã VS

10. Auto Rename Tag là một phần mở rộng để đổi tên các thẻ HTML. Khi bạn thay đổi thẻ mở, thẻ đóng sẽ tự động thay đổi.

11. Hỗ trợ HTML CSS - Hỗ trợ CSS cho các tài liệu HTML với tính năng tô sáng cú pháp, kết nối các tệp CSS từ xa và các tính năng hữu ích khác.

12. HTML Snippets là những đoạn mã được tạo sẵn để tiết kiệm thời gian.

13. Babel ES6 / ES7 là một công cụ kiểm tra cú pháp và tô sáng JavaScript Babel.

14. Bracket Pair Colorizer là một công cụ để tô màu các dấu ngoặc mở và đóng với các màu cụ thể để nhanh chóng tìm thấy chúng.

15. ESLint - Tích hợp ESLint vào Visual Studio Code để kiểm tra chất lượng mã của bạn và tìm lỗi.

16. Hướng dẫn - Thêm các dòng hướng dẫn bổ sung vào mã của bạn để giúp việc tìm các phần tử mở và đóng dễ dàng hơn.

17. JavaScript Console Utils là một tiện ích để đơn giản hóa việc tạo các câu lệnh console.log () hữu ích, bao gồm việc chèn nhanh mã để ghi một biến đã chọn.

18. Code Spell Checker là một phần mở rộng để kiểm tra chính tả mã nhanh chóng.

19. GitLens là một công cụ hữu ích để hiển thị thông tin lịch sử mã để bạn có thể theo dõi khi nào các thay đổi được thực hiện và bởi ai.

20. Path Intellisense là một công cụ để tự động điền tên tệp khi nhập một dòng.

21. Prettier là một phần mở rộng để định dạng mã tự động và đưa các phần khác nhau của nó về một dạng duy nhất.

22. VSCode-Icons - thêm các biểu tượng trực quan vào cây tệp để tìm kiếm dễ dàng hơn và nhận thức trực quan tốt hơn.

Tất nhiên, bạn không nên cài đặt mọi thứ từ danh sách này. Một số tiện ích mở rộng này có thể được gọi là có thể hoán đổi cho nhau, trong khi những tiện ích mở rộng khác sẽ yêu cầu kinh nghiệm với các công cụ đơn giản hơn.