Atom là một trình soạn thảo mã được phát triển bởi nhóm đằng sau GitHub . Bên cạnh đó là miễn phí, nó là mã nguồn mở , đó là lý do tại sao nó là yêu thích của nhiều nhà phát triển, vì nó cho khả năng có thể tùy chỉnh nó theo ý thích của chúng tôi. Atom đã phát hành ổn định đầu tiên vào giữa năm 2015, và kể từ ngày đó, cộng đồng của nó đã phát triển theo cấp số nhân. Một ví dụ về điều này là hiện tại, trong phiên bản 1.12.7, nó có hơn 5400 gói Atom sẵn có trên trang web chính thức của nó: các tiện ích và chủ đề để sửa đổi giao diện của chương trình. Chúng tôi sẽ cho bạn thấy trong bài đăng này hai phần mở rộng yêu thích của chúng tôi. Chúng là những yếu tố cần thiết cho chúng ta, vì không có chúng, công việc hàng ngày của chúng ta sẽ không giống nhau. Emmet Căn bản. Cần thiết. Nếu bạn đã cài đặt Atom, điều tiếp theo cần làm là tìm Emmet trong danh mục các phần mở rộng. Lúc đầu nó có thể khó, nhưng một khi chúng ta đã quen với cú pháp của Emmet , chúng ta sẽ tiết kiệm thời gian viết và thời gian làm việc. Nó hỗ trợ HTML , CSS , Sass và Less. Ví dụ, nếu chúng ta viết: html:5 Sau đó, chúng tôi sẽ nhấn phím tab để có được: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html> Hoặc nếu chúng ta viết điều này: div>(header>h1.logo+li*5>a{list})+footer>p Một lần nữa, khi chúng ta nhấn tab, chúng ta sẽ có: <div> <header> <h1 class="logo"></h1> <li><a href="">list</a></li> <li><a href="">list</a></li> <li><a href="">list</a></li> <li><a href="">list</a></li> <li><a href="">list</a></li> </header> <footer> <p></p> </footer> </div> nguyên tử mở rộng emmet Làm đẹp nguyên tử Với Atom Beautify, chúng tôi sẽ không cần phải sửa mã và lập bảng hàng trăm dòng để giữ chúng theo ý thích của chúng tôi, làm cho nó dễ đọc hơn nữa. Nó rất hữu ích khi chúng ta làm việc với các tệp của bên thứ ba, hoặc chúng ta muốn hiển thị chính xác các tệp HTML / CSS nếu chúng ta làm việc với Jade / S CSS. Nó cũng hỗ trợ các ngôn ngữ khác nhau như JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, TypeScript và SQL. Nguồn: Thiết kế Website bằng Wordpress http://thietkewebsitewordpress.com.vn/
