CHỈ CẦN 1 PLUGIN VS CODE – CODE CỦA BẠN SẼ NHƯ BAY!
Hội các bạn ơi, nếu mà code của bạn đang ì ạch như rùa bò, debug mà muốn xỉu ngang thì nghe tui bật mí nè! Chỉ cần 1 plugin VS Code – Code của bạn sẽ như bay, không đùa đâu nha! 🔥 Tui nói thật, cái plugin này đúng kiểu gây bão, biến ae từ coder phèn thành coder xịn sò trong vòng một nốt nhạc. Không cần phải ki bo thời gian tìm kiếm lung tung, tui sẽ chốt hạ luôn cho tụi mình một em plugin đỉnh của chóp, đảm bảo code mượt mà, nhanh như crush rep tin nhắn! 😂
Plugin gì mà xịn sò thế?
Đầu tiên, để tui giới thiệu cho ae em nó nha – đó chính là Prettier! Nghe tên thôi là đã thấy mlem mlem rồi, đúng không nào? Prettier không chỉ là một plugin, mà là một người bạn đồng hành giúp code của bạn đẹp như tranh, chuẩn như sách giáo khoa. 💯 Không những thế, nó còn tự động format code, sửa lỗi linh tinh, tiết kiệm thời gian để bạn còn chill với crush nữa chứ! Căng chưa?
Tại sao Prettier lại cháy phát ngất?
Thứ nhất, em nó hỗ trợ cả tá ngôn ngữ luôn, nào là JavaScript, TypeScript, CSS, HTML, JSON... kể không hết! Thứ hai, chỉ cần cài xong, bạn bấm tổ hợp phím Shift + Alt + F là code tự động ngay ngắn, không cần phải ngồi căn chỉnh thủ công mệt xỉu. Thứ ba, Prettier còn tích hợp với các tool khác như ESLint, đảm bảo code không chỉ đẹp mà còn chuẩn, ẩu không hề ẩu luôn nha! ✨
Cách cài Prettier nhanh gọn lẹ
- Mở VS Code, vào mục Extensions (hoặc bấm
Ctrl + Shift + X). - Gõ 'Prettier - Code formatter', thấy em nó thì click 'Install' liền tay.
- Setup một tí bằng cách thêm cấu hình vào file
settings.jsonnếu muốn cá nhân hóa.
Dễ ẹc đúng không? Cài xong là code của bạn như bay liền, không cần phải sốc óc suy nghĩ nữa! 👏
Mẹo dùng Prettier để code thêm phần xịn
Không phải cài xong là xong đâu nha ae, tui chỉ thêm vài mẹo để bạn tận dụng tối đa em nó. Đầu tiên, hãy bật tính năng format tự động mỗi khi save file, chỉ cần thêm đoạn này vào settings.json: 'editor.formatOnSave': true. Thứ hai, nếu làm việc nhóm, hãy tạo file .prettierrc để cả team có cùng chuẩn code, tránh kiểu người thì tab, người thì space, nhìn mà muốn xỉu! 😂 Thứ ba, kết hợp với extension như ESLint để code không chỉ đẹp mà còn đúng logic, đúng chuẩn. Xịn chưa?
Còn gì hot hơn Prettier không?
Thật ra thì Prettier đã đỉnh của chóp rồi, nhưng nếu bạn muốn code bay xa hơn nữa, thử thêm vài em plugin khác như Live Server để preview web ngay trong VS Code, hoặc GitLens để quản lý git dễ như ăn bánh. Nhưng mà nói gì thì nói, Prettier vẫn là chân ái, là em út trong lòng tui và hội coder Gen Z. Ai mà không dùng thì đúng là hơi phèn đó nha! 😜
So sánh Prettier với các plugin khác
Nếu đem Prettier so với mấy em khác như Beautify hay StandardJS, thì Prettier vẫn win tuyệt đối. Lý do? Nó ít tùy chỉnh hơn, nhưng lại cực kỳ dễ dùng, không làm bạn rối não. Beautify thì nhiều option thật, nhưng mà lằng nhằng, không hợp với ae thích nhanh gọn lẹ. Còn StandardJS thì hơi nghiêm khắc, không linh hoạt bằng Prettier. Vậy nên, chốt hạ là cứ Prettier mà chơi, không cần phải lăn tăn!
Kết luận: Chốt đơn Prettier để code bay cao bay xa
Tóm lại nha ae, nếu bạn đang tìm cách để code mượt mà, nhanh gọn, thì Chỉ cần 1 plugin VS Code – Code của bạn sẽ như bay, đó chính là Prettier! Cài xong là thấy khác liền, code đẹp như mơ, làm việc nhanh hơn cả khi crush nhắn tin hỏi thăm. 😍 Đừng để code phèn làm bạn mất điểm trong mắt đồng nghiệp hay sếp, thử ngay Prettier để trở thành coder trend nhất hội. Bạn ơi, còn chờ gì nữa? Cài đi, xài đi, rồi comment cho tui know how nha! 🔥
