- vừa được xem lúc

Dùng extension này sẽ giúp bạn code HTML CSS nhanh hơn X lần

0 0 82

Người đăng: Evondev

Theo Viblo Asia

Chào các bạn. Ở bài viết này mình muốn giới thiệu đến cho các bạn 1 trong những extension do chính mình phát triển với tên gọi là Evondev Snippets. Trong quá trình code HTML CSS thì chắc các bạn cũng biết tới Emmet và Emmet có 1 danh sách cheatsheet để giúp các bạn code nhanh hơn ví dụ bgc:white sẽ trở thành background-color: white.

Tuy nhiên đôi khi các bạn sẽ code đi code lại nhiều đoạn giống nhau như là với flexbox khi muốn làm center thì sẽ là display: flex;align-items: center;justify-content: center hay là với absolute chẳng hạn. Cho nên là VSCode đã cung cấp 1 giải pháp gọi là Snippets, nghĩa là tạo sẵn những đoạn mà bạn hay dùng rồi chỉ cần gõ vài chữ là sẽ xuất hiện ra hết. Nếu các bạn có sử dụng emmet ở file HTML thì khi các bạn gõ ! và nhấn Enter rồi nó xuất hiện 1 trang cơ bản HTML thì ! đó gọi là snippets.

Quay lại vấn đề extension của mình, mình đã tạo sẵn rất nhiều snippets hữu ích trong CSS cũng như HTML hay gặp nhất mà mình cũng như các bạn khi code sẽ cần đến. Mình đang dùng và hiện tại cũng có hơn 2000 lượt cài đặt rồi và nhiều người dùng bảo rất là ổn. Cho nên nay mình viết bài này để chia sẻ tới cho những ai chưa biết nó. Và mình hi vọng nó sẽ có ích cho các bạn, các bạn có thể cài thử và dùng nhé vì nó miễn phí hehe. Ngoài ra mình còn phát triển nhiều extensions khác nữa mà mình sẽ giới thiệu đến cho mọi người vào những bài khác nhé.

Cám ơn các bạn đã đọc và chúc các bạn một ngày tốt lành. Dưới đây là ảnh cho các bạn xem qua sơ sơ nà

Bình luận

Bài viết tương tự

- vừa được xem lúc

Một số quy tắc và name class phổ biến cho Front-end Dev

Trong CSS, các thủ tục setting đóng vai trò to lớn, nhưng bên cạnh đó, cách đặt tên theo các từ đơn sao cho phù hợp cũng quan trọng không kém . Đặt tên rất khó, nhưng cũng rất quan trọng .

0 0 93

- vừa được xem lúc

2021, chúng ta cần tối ưu hóa việc tải hình ảnh trên web như nào?

Rất chào các bạn,. Như các bạn đã biết, trong kỉ nguyên công nghệ, song song với sự sinh ra dày đặc của các trang web mới cũng là sự biến mất của những trang web "lạc hậu" hay hoạt động kém hiệu quả.

0 0 57

- vừa được xem lúc

Tài nguyên nghiên cứu sâu Html

1. Articles and standards. . HTML 5.

0 0 198

- vừa được xem lúc

Tìm hiểu về Event.preventDefault(), Event.stopPropagation() và Event.stopImmediatePropagation()

Chúng ta thương thấy 3 method này và có thể dẫn dến bối rối và nhầm lẫn giữa chúng:. . Event.preventDefault().

0 0 52

- vừa được xem lúc

Vanilla JS Project: Tính tuổi

1. Yêu cầu.

0 0 74

- vừa được xem lúc

Thủ thuật nhỏ để căn chỉnh image với object-fit

Chào các bạn,. Có lẽ trong hành trình code của các bạn thì không ít lần gặp vấn đề méo ảnh do fix cứng cả width, height của ảnh nhỉ? Hoặc kể cả khi bạn set value cho 1 thuộc tính weigth hoặc height còn thuộc tính còn lại để auto thì nhiều lúc ảnh cũng không được hiển thị toàn vẹn cho lắm.

0 0 49