Brackets là gì? Tải và hướng dẫn sử dụng Brackets

Thảo luận trong 'HTML và CSS' bắt đầu bởi Trần Văn Cường, 13/7/16.

  1. Trần Văn Cường

    Trần Văn Cường I love CNTT Thành viên BQT Thành viên BQT

    Tham gia ngày:
    8/11/15
    Bài viết:
    3,693
    Đã được thích:
    43
    Điểm thành tích:
    48
    Giới tính:
    Nam
    Nghề nghiệp:
    Sinh Viên
    Nơi ở:
    Quảng Ninh thân yêu!
    Web:

    Brackets có thể được coi là một công cụ tuyệt vời dùng để soạn thảo HTML, Javascript. Nó thậm chí được xây dựng bằng JavaScript.

    Bạn có thể tải Brackets tại link sau: http://brackets.io/
    Link Google Drive dự phòng: Brackets.Release.1.8.rar (47M)

    Một số tính năng của Brackets:

    Hỗ trợ nhắc lệnh HTML, JavaScript.
    Hỗ trợ Edit nhanh hơn (CTRL + E).
    Tính năng xem trang động (CTRL + ALT + P).
    Hỗ trợ sắp xếp lại code cho gọn ghẽ đẹp đẽ hơn thông qua Plugin jsbeautifier.

    1/ Khởi động Brackets.

    Brackets.jpg

    2/ Brackets xem Folder đang được mở là một dự án. Do vậy bạn có thể chọn cho nó một folder bất kỳ. Và tiến hành tạo các file HTML.

    su-dung-Brackets.jpg

    Sau khi mở một Folder bất kì, bạn có thể chọn New File và bắt đầu soạn thảo HTML. Nhớ save file dưới định dạng html.

    new-file.jpg

    dat-ten-file.jpg

    Khi save file dưới định dạng .html, sau khi khai báo <!DOCTYPE html>, bạn sẽ được Brackets hỗ trợ nhắc lệnh html.

    save.jpg

    3/ Brackets hỗ trợ xem trang động. Tức là những gì mình chỉnh sửa sẽ được cập nhật và khoanh vùng cho dễ thấy.

    Bạn tạo một trang html, bạn chọn File -> Live Preview (Ctrl +Alt+P)

    live.jpg

    Brackets sẽ hiển thị một cửa sổ trình duyệt, giúp ta thấy trang web đang sửa có hình dạng như thế nào.

    hien-thi.jpg

    Ngoài ra, Brackets còn có Extension jsbeautifier giúp định dạng lại các đoạn mã cho dễ đọc hơn.

    Bạn có thể vào File, chọn Extension Manager.

    exten.jpg

    Trong cửa sổ hiện ra, nhập jsbeautifier, và tiến hành nạp.

    jsb.jpg

    Sau khi nạp xong, bạn chỉ cần bấm Edit -> Beautiful hoặc Ctrl + Shift + B. Đoạn mã sẽ được tự động định dạng.

    Nguồn: hocdai.com
     

    Bình Luận Bằng Facebook

    data-href="https://cnttqn.com/threads/brackets-la-gi-tai-va-huong-dan-su-dung-brackets.2397.html"