LESS - Trình chỉnh sửa và Plugin
Trong chương này, chúng ta sẽ hiểu tầm quan trọng của trình chỉnh sửa và plugin trong LESS. Trình soạn thảo là một hệ thống hoặc chương trình cho phép người dùng chỉnh sửa văn bản. Plugin là một phần của phần mềm được sử dụng để mở rộng chức năng của trang web.
Bây giờ chúng ta hãy thảo luận về trình chỉnh sửa và IDE cho LESS.
Sr.No. | Người chỉnh sửa và IDE & Mô tả |
---|---|
1 | Rầm! Nó hỗ trợ đa nền tảng như Windows, Mac và Linux . Nó cung cấp trình soạn thảo với tính năng biên dịch tích hợp. |
2 | Mindscape Web Workbench Nó cung cấp tính năng chỉnh sửa CoffeeScript, SASS, La bàn và LESS và giúp phát triển web hiện đại dễ dàng trong Visual Studio. |
3 | NetBeans Nó là một IDE dựa trên Java mã nguồn mở. Điều này giúp phát triển nhanh chóng các ứng dụng máy tính để bàn, di động và web cũng như các ứng dụng HTML5 liên quan đến HTML, JavaScript và CSS. |
4 | TextMate Nó là một trình soạn thảo văn bản đồ họa cho mục đích chung dành cho Mac OS X. Nó có các tùy chỉnh khai báo, macro có thể ghi, đoạn trích, tích hợp shell, tab tài liệu mở và hệ thống gói có thể mở rộng. |
5 | Vim Gói vim bổ sung các chức năng như thụt lề, đánh dấu và tự động hoàn thành cho ngôn ngữ biểu định kiểu động LESS. |
6 | Emacs Nó chứa less-css-model cung cấp chế độ Emacs cho LESS CSS (lesscss.org); Emacs hỗ trợ biên dịch khi lưu. |
7 | jetBrains WebStorm và PhpStorm WebStrom là một IDE nhẹ và mạnh mẽ. Nó được trang bị hoàn hảo để phát triển phía máy khách và máy chủ phức tạp với Node.js. PhpStorm là một PHP IDE, hỗ trợ hiểu mã sâu và cung cấp hỗ trợ và hỗ trợ mã hóa hàng đầu cho tất cả các công cụ và khuôn khổ chính. |
số 8 | Dấu ngoặc Nó là một trình soạn thảo mã nguồn mở nhẹ, mạnh mẽ và giúp ích cho các nhà thiết kế web và các nhà phát triển front-end. |
9 | CodeLobster Nó là một môi trường phát triển tích hợp di động (IDE) chủ yếu dành cho PHP. Nó cũng hỗ trợ phát triển HTML, CSS và JavaScript và các plugin có sẵn cho Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii và CakePHP. |
10 | KineticWing IDE Nó là một IDE nhanh chóng, sạch sẽ, nhẹ và di động. Đây là một bộ phát triển kích thước đầy đủ giúp bạn làm việc thông minh và nhanh chóng. |
11 | nodeMirror Nó là một IDE mã nguồn mở và có thể tùy chỉnh dễ dàng. Nó sử dụng CodeMirror.net, pty.js và các thư viện khác. |
12 | Công cụ HTML-Kit Đây là một trình soạn thảo web hiện đại dành cho HTML5, CSS3, JavaScript và hơn thế nữa. Với điều này, bạn có thể chỉnh sửa, xem trước, xác nhận xuất bản và quản lý các dự án từ trình chỉnh sửa tuân thủ các tiêu chuẩn hiện đại. |
Văn bản siêu phàm 2 & 3
Các văn bản tuyệt vời cung cấp tùy chọn khác nhau cho LESS như được liệt kê trong bảng sau -
Sr.No. | Tùy chọn & Mô tả |
---|---|
1 | Ít cao siêu hơn Cú pháp LESS cho văn bản siêu phàm cung cấp đánh dấu cú pháp cho các tệp .less , cùng với các đoạn mã. |
2 | Cao siêu-Ít-to-CSS Plugin Sublime text 2 và 3 để biên dịch các tệp .less sang CSS khi bạn lưu. Nó yêu cầulessc được cài đặt trên PATH. |
3 | Ít xây dựng-siêu phàm Hệ thống xây dựng LESS cho văn bản siêu phàm 2 cung cấp hai hệ thống xây dựng cho các tệp LESS, cả được rút gọn và không được rút gọn. |
4 | SublimeOnSaveBuild Đây là một plugin đơn giản cho sublime text 2 để kích hoạt một bản dựng khi bạn nhấp vào Lưu. Hoạt động tốt với các bộ xử lý trước như LESS, La bàn và bất kỳ bộ xử lý nào khác. |
Nhật thực
Eclipse có hai plugin cho LESS như được liệt kê trong bảng sau:
Sr.No. | Plugin & Mô tả |
---|---|
1 | Eclipse Less Plugin Bằng cách mở rộng IDE Eclipse, plugin này cung cấp các tính năng hữu ích để chỉnh sửa và biên dịch các bảng định kiểu LESS. |
2 | Plugin trình vận chuyển Plugin Eclipse này tự động chuyển đổi các tệp của bạn như LESS, SASS, CoffeeScript, v.v. |
Visual Studio
Visual Studio có các tùy chọn khác nhau sau đây cho LESS -
Sr.No. | Tùy chọn & Mô tả |
---|---|
1 | CSS ít hơn Phần mở rộng này làm cho LESS tệp mở bằng dịch vụ ngôn ngữ CSS. |
2 | Kiến thức cơ bản về web 2012 Tiện ích mở rộng này cho phép bạn thực hiện các tác vụ thông thường dễ dàng hơn nhiều và thêm các tính năng hữu ích vào Visual studio dành cho các nhà phát triển web. |
3 | Kiến thức cơ bản về web 2013 Nó mở rộng Visual Studio với rất nhiều tính năng mới không dành riêng cho một ngôn ngữ hoặc trình soạn thảo cụ thể. |
4 | Công cụ web 2013 Điều này giúp bạn trong các nhiệm vụ phát triển liên quan đến ASP.NET |
Dreamweaver
Những điểm sau đây cần được xem xét khi làm việc với Dreamweaver .
Nó là một ứng dụng Adobe được các nhà thiết kế và phát triển web sử dụng để tạo các ứng dụng và trang web.
- Nó có khả năng hoạt động trên nhiều nền tảng bao gồm trình duyệt, thiết bị và máy tính bảng.
Các nhà thiết kế web sử dụng Dreamweaver để tạo các nguyên mẫu trang web.
DMXzone Less CSS Compiler làm cho tất cả các quyền hạn CSS LESS trực tiếp trong Dreamweaver.
Notepad ++ 6.x
Những điểm sau đây cần được xem xét khi làm việc trên Notepad ++ .
Notepad ++ là một trình soạn thảo văn bản và trình chỉnh sửa mã nguồn miễn phí hỗ trợ chỉnh sửa theo thẻ, tức là làm việc với nhiều tệp đang mở trong một cửa sổ.
LESS cho Notepad ++ là một tệp xml cung cấp tính năng tô màu hoặc tô màu cú pháp cho các tệp .less. Để biết thêm thông tin, hãy nhấp vào liên kết này .
Để cài đặt Notepad ++, hãy nhấp vào liên kết này .