Home / Lập Trình Front End / EMMET – Code HTML/CSS như “the flash”

EMMET – Code HTML/CSS như “the flash”

Emmet – công cụ hỗ trợ soạn thảo siêu nhanh

Các bạn lập trình viên làm việc với HTML chắc hẳn nhiều lần cảm giác mỏi mệt khi viết các dòng HTML gây tốn thời gian của bạn. Và đã xuất hiện một công cụ hỗ trợ soạn thảo HTML siêu nhanh. Emmet không phải là một trình soạn thảo văn bản mà là một phần bổ trợ cho các trình soạn thảo văn bản, IDE lập trình.


Sử dụng Emmet

Khi sử dụng Emmet, các bạn có thể viết HTML theo cách viết CSS một cách nhanh chóng. Ví dụ, bạn gõ dòng mã sau và ấn TAB sau khi gõ xong:

.contain>form#new-form>input.text-input

Đoạn mã HTML được sinh ra như sau:

soạn thỏa html siêu nhanh

Rất nhanh phải không nào? Với cách viết này chúng ta có thể tiết kiệm không ít thời gian và công sức.


Cài đặt Emmet

Emmet có thể được cài đặt trên nhiều trình soạn thảo văn bản hay các IDE. Các bạn có thể tìm IDE có hỗ trợ Emmet tại đây.


Một số cú pháp Emmet phổ biến

Nhưng chỉ là số ít mà thôi :V, các bạn có thể xem đầy đủ tại https://docs.emmet.io/cheat-sheet/

Đừng quên những khóa học tại CYBERSOFT nhé ^^

*TƯ DUY, THUẬT TOÁN, HƯỚNG ĐỐI TƯỢNG

*LẬP TRÌNH FRONT END CHUYÊN NGHIỆP

*FULL-STACK JAVASCRIPT REACTJS VỚI NODEJS/EXPRESS

——————————–
HỌC VIỆN ĐÀO TẠO CHUYÊN GIA LẬP TRÌNH
-> http://cybersoft.edu.vn
🏤 CyberSoft Academy – CyberSoft.edu.vn
🚩Cs1: 459 Sư Vạn Hạnh, Quận 10, HCM
🚩Cs2: Gần HuTech, Bình Thạnh, HCM
Hotline: 0961.05.10.14
Hoặc inbox fanpage để được CyberSoft giải đáp mọi thắc mắc nhé!

nguồn tham khảo: techmaster

About Tiến Đạt

Check Also

Cheat sheet HTML – “Hành trang” không thể thiếu cho Beginners

            Hello, chia sẻ cho các bạn Cheat Sheat HTML …