Format Code in Sublime Text 3 là một trong những chức năng gây cho lập trình viên đang lập trình HTML, CSS trên Sublime text nhiều sự khó chịu trong quá trình sử dụng. Nếu để mặc định thì chức năng này không hề được thiết lập phím tắt, trong khi đây chính là chức năng được sử dụng tương đối nhiều.
Hãy cùng Hoamitech.com tìm hiểu cách cách Format Code in Sublime Text 3 thành công trên máy tính 03/2024 mà không cần cài đặt thêm bất kỳ một plugin nào qua bài viết dưới đây nhé!
Nội Dung Chính
Hướng dẫn Format Code in Sublime Text 3 2024
Đầu tiên, chúng ta bật Sublime text lên và tìm tùy chọn Preferences / Key Bindings – User (tùy chọn Key Bindings – Default là mặc định nên giữ lại để tham khảo).
Sau khi chọn Key Bindings, file .sublime-keymap-User sẽ được mở lên, chúng ta thêm vào dòng sau và lưu lại:
[
{ “keys”: [“command+l”], “command”: “reindent” }
]
Những packages hỗ trợ Format Code in Sublime Text 3 2024
Định dạng HTML
https://github.com/rareyman/HTMLBeautify
Cách cài thì chắc hẳn ai xài Sublime Text cũng đều biết. Vào Preferences/Package Control/Install Package và gõ tên package để tìm kiếm, chọn package install => done 😀
Sau khi cài xong thì bạn muốn định dạng HTML thì chỉ cần bôi đen và nhấn tổ hợp phím:
- Mac OS X: Command-Option-Shift-F
- Windows: Control-Alt-Shift-F
- Linux: Control-Alt-Shift-F
Định dạng CSS
https://packagecontrol.io/packages/CSS%20Format
Package này sẽ giúp bạn format lại file css chỉ trong 1 nốt nhạc.
Định dạng Javascript
https://github.com/ionutvmi/sublime-jsfmt
Sau khi cài xong package bạn có thể chỉnh setting tự động format khi lưu trong phần Package Setting.
Nếu bạn không muốn set tự động format thì đối với file nào cần Format Code in Sublime Text 3 bạn chỉ cần nhấn tổ hợp phím Ctrl + Q.
Định dạng PHP
https://packagecontrol.io/packages/phpfmt
Package này sẽ giúp các bạn định dạng mã nguồn PHP đúng chuẩn Coding Standard.
Cài xong package thì mở file php cần định dạng lại và nhấn Ctrl + F11 là code của bạn sẽ đẹp và đúng chuẩn thôi.
Lưu ý: Package này hiện tại yêu cầu PHP 7 để chạy format nên bạn nào đang xài PHP bản thấp hơn thì sẽ bị lỗi này khi chạy format.
Đọc thêm: Top 10 Theme Sublime Text 3 đẹp xuất sắc [Cập nhật 2024]
Kết luận
Như vậy là Hoamitech.com đã hướng dẫn các bạn gán xong chức năng Format Code trong Sublime Text 3 cho tổ hợp phím tắt command+l đơn giản mới nhất 2024. Hy vọng với những chia sẻ này bạn dễ dàng thực hiện thêm nhiều thao tác khác với Sublime Text nhé!
Đừng quên Like & Share để Họa Mi Tech có thêm động lực sáng tạo thêm nhiều chủ đề hay ho khác nhé. Cảm ơn các bạn đã theo dõi hết bài viết của mình. Hẹn gặp lại các bạn ở những topic sau nhé!
Thanks for your compliment. I hope u will follow more information at hoamitech.com in the future!