Để tăng tốc độ code ngoài cách setup best terminal chúng ta còn có thể cài extension cho IDE mà mình sử dụng. Trong bài viết này chúng ta sẽ cài đặt các extension cho VSCode. Đây là những extension không thể thiếu dành cho các web developer.
1. Settings Sync
Extension Settings Sync giúp đồng bộ hoá các cài đặt trên VSCode của bạn, giúp dùng VSCode ở nhiều máy tính khác nhau mà không cần phải cài đặt lại các extension.
2. GitLens
Extension GitLens giúp quản soure code tốt hơn. Nó cho phép bạn xem đoạn code này do ai commit, code được thay đổi vào thời gian nào, commit nào... Hỗ trợ mạnh mẽ git khi sử dụng VSCode.
3. VSCode-icons
VSCode icons thêm icon cho các thư mục, file code, giúp dễ phân biệt các thư mục, file code viết bằng các ngôn ngữ khác nhau, giúp thư mục code của bạn rất dễ đọc.
4. Prettier
Prettier giúp auto format code theo quy định của bạn khi lưu code, giúp code đúng convension.
5. Code Spell Checker
Code Spell Checker giúp check lỗi chính tả khi viết code, rất hữu ích để hỗ trợ đặt tên hàm, tên biến.
6. Docker
Giúp đọc các file dockerfile, docker-compose cực kì dễ dàng
7. Auto Import
Auto import thư viện JavaScript, component từ các khi sử dụng chúng từ các file khác
8. Import Cost
Import Cost kiểm tra dung lượng thư viện mà mình import vào code, giúp tối ưu sử dụng các thư viện nhẹ.
9. Auto Rename Tag, Auto Close Tag
Auto rename tag và close tag khi code HTML/JSX.
10. Code Runner
Cho phép chạy các đoạn code chỉ định trong file, hỗ trợ rất nhiều ngôn ngữ khác nhau.
11. ESLint
ESLint giúp check convesion code khi viết javascript
12. ChatGPT - Genie AI
Tích hợp chatGPT cho VSCode, suggest code sử dụng chatGPT
13. JavaScript Code Snippets
Tạo các code mẫu javascript nhanh chóng
14. npm Intellisense, Path Intellisense
Npm Intellisense và Path Intellisense giúp gợi ý tên npm package, tên file trong thư mục khi mình cần import, giúp giảm lỗi khi import
15. Turbo Console Log
Thêm console chỉ với một click, giúp thêm debug code javascript dễ dàng.
16. Remote - SSH
Ssh vào server gõ terminal từ VSCode
17. Markdown All in One
Giúp đọc và chỉnh sửa file markdown
Tổng kết
Như vậy là chúng ta đã cài các extension cần thiết để biết VSCode trở lên bá đạo rồi đó. Ngoài ra còn tuỳ vào việc bạn code ngôn ngữ nào mà thêm các extension cho phù hợp với ngôn ngữ đó. Thanks for reading...
Author
