NHỮNG PLUGINS KHÔNG THỂ THIẾU CHO VSCODE
VSCode chiếm được nhiều cảm tình của dân lập trình web nhờ hiệu suất ổn định, dễ sử dụng, cộng với vô vàn tính năng hữu ích được đóng gói sẵn. Bên cạnh đó, kho plugin đồ sộ của VSCode cho phép người dùng tha hồ tùy biến và cải thiện trình soạn thảo theo hướng tiện dụng nhất.
Ehkoo sẽ giúp bạn “điểm mặt” những plugin không thể thiếu khi làm việc với VSCode nhé.
Snippets
Đầu tiên phải kể đến những snippets thông dụng. Mặc dù VSCode đã hỗ trợ khá nhiều snippet trong bộ cài đặt, bạn vẫn cần snippets của các frameworks/ thư viện như React, Vue hay Angular. Bạn có thể dễ dàng tìm chúng từ VSCode Marketplace, chẳng hạn như:
- HTML Snippets
- JavaScript (ES6) code snippets
- ES7 React/Redux/GraphQL/React-Native snippets
- Vue VSCode Snippets
- Vue 2 Snippets
- Angular v6 Snippets
- Bootstrap 3 Snippets
Bracket Pair Colorizer và Indent Rainbow
“Cặp đôi hoàn hảo” Bracket Pair Colorizer và Indent Rainbow sẽ tô màu cho những cặp dấu ngoặc nhọn khác nhau, đồng thời màu nền của trình soạn thảo cũng thay đổi mỗi khi bạn “đẩy vào” một cột.
Indenticator
Indenticator giúp bạn nhận biết dễ dàng các block code đang được sử dụng.
Import Cost
Bằng cách sử dụng webpack
và babili-webpack-plugin
, Import Cost hiển thị ngay lập tức dung lượng các thư viện được sử dụng trong dự án. Điều này rất hữu ích vì nếu càng gửi nhiều JavaScript về phía người dùng, trình duyệt càng phải tốn thời gian để dịch và thực thi, làm giảm đi hiệu suất của ứng dụng.
Quokka.js
Quokka.js sẽ tạo ra một môi trường thử nghiệm, cho phép bạn chạy JavaScript/TypeScript và hiển thị kết quả ngay bên trong VSCode. Sau khi cài đặt, bạn nhấn Ctrl/Cmd + Shift + P
và gõ Quokka
để xem những lệnh có sẵn. Sau đó chọn New JavaScript File
. Lúc này đây bạn có thể thử nghiệm Quokka rồi.
Hỏi nhỏ: Bạn có nghe đến REPL – Read-Eval-Print Loop bao giờ chưa? ?
Color Info
Color Info hiển thị thông tin của một mã màu khi bạn rê chuột lên trên nó, bao gồm rgb
, hsl
, hex
, alpha
…
Todo Highlighter
Thông thường khi đang code gì đó dở dang, chúng ta hay thêm vào TODO comment // TODO: Refactor
. Plugin này giúp tô sáng các TODO comments, giúp bạn nhận biết chúng nhanh hơn. Bên cạnh các từ thông dụng như TODO
hay FIXME
, bạn cũng có thể khai báo những keyword khác trong phần Settings.
Better Comments
Plugin này giúp hiển thị comment trong code theo các loại khác nhau, ví dụ như bạn có thể dùng *
để đánh dấu thông tin này cần được lưu ý, ?
để thể hiện nghi vấn, hay TODO
để nhắc nhở những việc cần làm tiếp theo.
Path Intellisense
Path Intellisense giúp bạn autocomplete đường dẫn các tập tin có trong dự án.
Polacode
Polacode giúp “screenshot” code một cách đẹp đẽ hơn, như ví dụ bên dưới. Rất hữu ích khi bạn cần gửi code lên diễn đàn hay mạng xã hội nhờ trợ giúp (mấy bạn hay hỏi bài trên Facebook, hãy cài plugin này đi, năn nỉ đó).
Live Server
Plugin này giúp bạn tạo ngay một web server bên trong VSCode, hỗ trợ live reload. Rất tiện khi tạo layout HTML.
GitLens
GitLens nâng cấp những tính năng git sẵn có trong VSCode. Nó cho phép bạn kiểm tra tác giả của từng dòng code thông qua git blame
, giúp chuyển đổi qua lại dễ dàng giữa các git repo, so sánh những thay đổi trong mã nguồn một cách nhanh chóng…
EditorConfig
EditorConfig giúp bạn thống nhất thiết lập giữa các dự án với nhau.
Prettier
Không cần giới thiệu nhiều, plugin này giúp bạn định dạng code bằng Prettier ngay bên trong VSCode.
VSCode Icons
Như tên gọi, cài đặt thêm icon cho VSCode thay thế các icon mặc định.
Kết
Hi vọng những plugin được giới thiệu trong bài viết này sẽ giúp bạn làm việc hiệu quả hơn với VSCode. Nếu có plugin nào bạn thấy “ngon bổ rẻ” mà Ehkoo chưa giới thiệu thì hãy để lại comment bên dưới nhé.
Tham khảo
Arfat Salman – Top JavaScript VSCode Extensions for Faster Development ?
Tiffany Tse – The 20 Best Visual Studio Code Extensions for Front End Developers
- Hoạch định Kinh doanh và Vận hành (S&OP - SALES & OPERATIONS PLANNING) trong giao vận
- BỘ CÂU HỎI MÔN: VẬN TẢI VÀ GIAO NHẬN TRONG NGOẠI THƯƠNG,Chuyên chở hàng hóa ngoại thương bằng đường hàng không
- Phần mềm quản lý vận chuyển TMS thường có những tính năng gì?
- Phân biệt OEM, ODM, OBM trong hàng hoá xuất nhập khẩu
- Taxi Việt Nam: Đắt hơn thành phố đắt đỏ nhất thế giới
- Lập trình ứng dụng ô tô - trực tiếp bước vào cmcn 4.0 - bạn đã sẵn sàng?
- Các phương thức thuê tầu chuyên chở hàng hoá
- Bộ Câu Hỏi Thi Vấn Đáp Môn: Vận Tải Và Giao Nhận Trong Ngoại Thương
- Quy trình làm việc của nhân viên kinh doanh, bán hàng ngành logistics
- Hệ thống chấm công từ xa thông minh qua vệ tinh STracking
- Mẫu - Lệnh điều xe - Song ngữ Việt - Anh (có file đính kèm)
- Lái xe hợp đồng cần những giấy phép gì hợp lệ khi lưu thông
DVMS chuyên:
- Tư vấn, xây dựng, chuyển giao công nghệ Blockchain, mạng xã hội,...
- Tư vấn ứng dụng cho smartphone và máy tính bảng, tư vấn ứng dụng vận tải thông minh, thực tế ảo, game mobile,...
- Tư vấn các hệ thống theo mô hình kinh tế chia sẻ như Uber, Grab, ứng dụng giúp việc,...
- Xây dựng các giải pháp quản lý vận tải, quản lý xe công vụ, quản lý xe doanh nghiệp, phần mềm và ứng dụng logistics, kho vận, vé xe điện tử,...
- Tư vấn và xây dựng mạng xã hội, tư vấn giải pháp CNTT cho doanh nghiệp, startup,...
Vì sao chọn DVMS?
- DVMS nắm vững nhiều công nghệ phần mềm, mạng và viễn thông. Như Payment gateway, SMS gateway, GIS, VOIP, iOS, Android, Blackberry, Windows Phone, cloud computing,…
- DVMS có kinh nghiệm triển khai các hệ thống trên các nền tảng điện toán đám mây nổi tiếng như Google, Amazon, Microsoft,…
- DVMS có kinh nghiệm thực tế tư vấn, xây dựng, triển khai, chuyển giao, gia công các giải pháp phần mềm cho khách hàng Việt Nam, USA, Singapore, Germany, France, các tập đoàn của nước ngoài tại Việt Nam,…
Quý khách xem Hồ sơ năng lực của DVMS tại đây >>
Quý khách gửi yêu cầu tư vấn và báo giá tại đây >>