Author 3ron 2020-05-01

5 VS Code Extensions Sẽ Thay Đổi Cuộc Đời Bạn

Nếu bạn gặp phải những bất tiện khi sử dụng VS Code hay cảm thấy nhàm chán với giao diện của trình soạn thảo đang sử dụng, bài viết này sẽ dành cho bạn. Mình đã tổng hợp những tiện ích mà từ khi dùng nó, mình cảm thấy code năng suất hơn và có hứng thú hơn rất nhiều.

Dưới đây là danh sách:

1. Auto Rename Tag

Cho dù bạn đang dùng framework gì đi nữa thì việc code front-end với HTML (hoặc JSX) sẽ thực sự rất khó khăn khi bạn đã code được 50 dòng giữa thẻ mở (openning tag) và thẻ đóng (closing tag) rồi đột nhiên muốn đổi thẻ. Có thể bạn muốn đổi từ thẻ H2 sang H3, hay là từ thẻ div sang span, v.v. Dù là gì đi nữa, trừ khi bạn dùng tiện ích này, nếu không bạn sẽ đều cảm thấy thật tuyệt vọng khi vừa đổi thẻ mở xong phải tìm thẻ đóng của nó để thay tên :(

Vậy tại sao không cứu rỗi cuộc đời bạn bằng một tiện ích có thể tự động thay tên thẻ tương ứng còn lại cho bạn? Với Auto Rename Tag, dù bạn thay thẻ mở thành gì đi nữa, nó cũng sẽ tự động đổi tên thẻ tương ứng ở thẻ đóng, và ngược lại. Quá tiện và gần như tiết kiệm được một nửa thời gian sửa tên thẻ cho bạn!

Tải tại đây: Auto Rename Tag

2. SCSS IntelliSense

Nếu bạn có những tên biến kiểu _variables.scss với hàng loạt ký tự $ trong đó, và khi cần sử dụng lại thì không thể nào nhớ chính xác được tên biến đó, hãy thử dùng SCSS IntelliSense. Plugin này khiến những tên biến SCSS đầy ngẫu hứng của bạn có thể xuất hiện bất cứ đâu trong trình soạn thảo của bạn mỗi khi bạn cần. Từ giờ bạn không cần phải nhớ tên biên hay tìm kiếm tập tin nữa rồi!

Tải tại đây: SCSS IntelliSense

3. Duplicate Action

Khả năng duplicate các file với chỉ một cú click chuột nếu có sẵn trong VS Code thì tiện biết bao nhiêu. Nhưng cũng may là giờ đây chúng ta đã có tiện ích Duplicate Action để giúp bạn làm điều đó. Không cần mô tả nhiều, hãy xem hình minh hoạ dưới đây để biết cách nó hoạt động và công dụng:

Tải tại đây: Duplicate Action

4. CodeStream

Nó giống như một kiểu //comments ngay trong IDE của bạn.

Nếu bạn sử dụng Trello, Slack, Asana, Bitbucket và Microsoft Teams để trao đổi công việc với đồng nghiệp nhưng không muốn thoát ra khỏi mạch mà bạn đang code dở trong editor, hãy sử dụng CodeStream. Tiện ích này hỗ trợ hàng nghìn ứng dụng làm việc và nhiều IDE khác nhau vì vậy bạn có thể giải quyết vấn đề và giao tiếp với những đồng nghiệp khác mà không phải rời khỏi môi trường code của mình.

Tải tại đây: CodeStream

5. Night Owl

Đây là một trong những theme tuyệt nhất mà một IDE có thể có, mình đã dùng theme này lâu rồi vừa chưa bao giờ có ý định đổi nó. Hãy làm dịu đôi mắt của bạn tông màu xanh thân thiện của Night Owl và tạo hứng khởi cho bạn mỗi khi code.

Tải tại đây: Night Owl