Hướng dẫn Build System chạy HTML trong Sublime Text 3

BaoMinh

Moderator
Aug 13, 2013
592
6
18
320x50.jpg


Với các trình code editor hiện tại, đa phần nhiều người chọn sử dụng Sublime Text vì nhiều tính năng tiện lợi của nó như lưu trữ tự động, hỗ trợ đa ngôn ngữ. Đặc biệt, công cụ này thích hợp cho người lập trình web vì hỗ trợ nhiều package giúp tối ưu việc viết code.

Chỉ có một vấn đề nhỏ là khi build code HTML, chương trình không hỗ trợ tự động live view code được. Với một số bước nhỏ trong bài viết này, hy vọng sẽ giúp bạn tối ưu hơn việc code và debug code.

Đầu tiên, ta xác định đường dẫn của trình duyệt mình sử dụng để debug. Ở đây tôi chọn Google Chrome vì độ an toàn và phổ biến của nó.

buil-html-system-sublime-text-1.jpg


Tiếp đó, trong Sublime Text, bạn vào đường dẫn sau: Tools -> Build System -> New Build System…

buil-html-system-sublime-text-2.jpg


Trong file mới mở ra, bạn thêm vào nội dung như sau:

{
“cmd”: [“C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe”,”$file”]
}


Sau đó, bạn lưu file này lại ở thư mục mặc định của Sublime Text. Tôi đặt tên file là runHTML.

Tiếp tục, mở một file mới và bắt đầu code thử một nội dung HTML bất kỳ.

buil-html-system-sublime-text-3.jpg


Sau đó, bạn vào Tools -> Build System và chọn vào tên file bạn vừa đặt ở bước trên (file có tên runHTML).

buil-html-system-sublime-text-4.jpg


Sau cùng, nhấn Ctrl + B để build thử code ta vừa soạn với hệ thống chạy thử trên Google Chrome.

buil-html-system-sublime-text-5.jpg


Nếu cửa sổ Chrome tự mở lên và hiển thị nội dung bạn đã code, thì như vậy bạn đã build thành công hệ thống debug bằng trình duyệt theo ý muốn.

Bạn có thể xem video hướng dẫn làm ở đây:


Nếu bạn sử dụng môi trường Linux như Ubuntu, có thể tham khảo cách làm ở đây:


Bài viết khai bút năm mới trên sinhvientot.net!

VÕ TÌNH THƯƠNG

[email protected]


Sưu tầm & Tổng hợp
w: www.hanoiyeu.com
e: [email protected]