МЕНЬШЕ - Редакторы и плагины
В этой главе мы поймем важность редакторов и плагинов в LESS. Редактор - это система или программа, которая позволяет пользователю редактировать текст. Плагин - это программа, которая используется для расширения функциональных возможностей сайта.
Давайте теперь обсудим редакторы и IDE для LESS.
Sr. No. | Редакторы, IDE и описание |
---|---|
1 | Хруст! Он поддерживает кросс-платформенные, такие как Windows, Mac и Linux . Он предоставляет редактор со встроенной компиляцией. |
2 | Инструментальные средства Mindscape Web Он обеспечивает редактирование CoffeeScript, SASS, Compass и LESS и упрощает современную веб-разработку в Visual Studio. |
3 | NetBeans Это IDE на основе Java с открытым исходным кодом. Это помогает в быстрой разработке ваших настольных, мобильных и веб-приложений, а также приложений HTML5, использующих HTML, JavaScript и CSS. |
4 | TextMate Это графический текстовый редактор общего назначения для Mac OS X. Он включает декларативные настройки, записываемые макросы, фрагменты, интеграцию с оболочкой, вкладки открытых документов и расширяемую систему пакетов. |
5 | Vim Пакет vim добавляет такие функции, как отступы, выделение и автозаполнение для языка динамических таблиц стилей LESS. |
6 | Emacs Он содержит модель less-css, которая предоставляет режим Emacs для LESS CSS (lesscss.org); Emacs поддерживает компиляцию при сохранении. |
7 | JetBrains WebStorm и PhpStorm WebStrom - это легкая и мощная IDE. Он идеально подходит для сложной клиентской и серверной разработки с помощью Node.js. PhpStorm - это среда разработки PHP, которая поддерживает глубокое понимание кода и предоставляет первоклассную помощь в кодировании и поддержку всех основных инструментов и фреймворков. |
8 | Скобки Это легкий, мощный редактор с открытым исходным кодом, который помогает веб-дизайнерам и интерфейсным разработчикам. |
9 | CodeLobster Это портативная интегрированная среда разработки (IDE), в первую очередь для PHP. Он также поддерживает разработку HTML, CSS и JavaScript, а плагины доступны для Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii и CakePHP. |
10 | KineticWing IDE Это быстрая, чистая, легкая и портативная IDE. Это полноразмерный пакет для разработки, который поможет вам работать умно и быстро. |
11 | nodeMirror Это легко настраиваемая IDE с открытым исходным кодом. Он использует CodeMirror.net, pty.js и другие библиотеки. |
12 | Инструменты HTML-Kit Это современный веб-редактор для HTML5, CSS3, JavaScript и других. С его помощью вы можете редактировать, просматривать, проверять публикацию и управлять проектами из редактора, соответствующего современным стандартам. |
Sublime Text 2 и 3
Возвышенный текст предусматривает различные варианты LESS, которые перечислены в следующей таблице -
Sr. No. | Опции и описание |
---|---|
1 | Менее возвышенный Синтаксис LESS для возвышенного текста обеспечивает подсветку синтаксиса для файлов .less вместе с фрагментами. |
2 | Возвышенное без CSS Плагин Sublime Text 2 и 3 для компиляции файлов .less в CSS при сохранении. Это требуетlessc установлен на PATH. |
3 | Менее стройное возвышенное Система сборки LESS для возвышенного текста 2, которая предоставляет две системы сборки для файлов LESS, как минифицированные, так и неминифицированные. |
4 | SublimeOnSaveBuild Это простой плагин для Sublime Text 2, запускающий сборку при нажатии кнопки «Сохранить». Хорошо работает с препроцессорами, такими как LESS, Compass и любыми другими. |
Затмение
Eclipse имеет два плагина для LESS, перечисленных в следующей таблице:
Sr. No. | Плагины и описание |
---|---|
1 | Плагин Eclipse Less Расширяя Eclipse IDE, этот плагин предоставляет полезные функции для редактирования и компиляции таблиц стилей LESS. |
2 | Плагин Transpiler Этот плагин Eclipse автоматически переносит ваши файлы, такие как LESS, SASS, CoffeeScript и т. Д. |
Visual Studio
Visual Studio имеет следующие различные варианты для LESS -
Sr. No. | Опции и описание |
---|---|
1 | CSS меньше Это расширение позволяет открывать файлы LESS с помощью языковой службы CSS. |
2 | Веб-основы 2012 Это расширение значительно упрощает выполнение стандартных задач и добавляет в Visual Studio полезные функции для веб-разработчиков. |
3 | Веб-основы 2013 Он расширяет Visual Studio множеством новых функций, которые не относятся к конкретному языку или редактору. |
4 | Веб-инструменты 2013 Это поможет вам в задачах разработки, связанных с ASP.NET. |
Dreamweaver
При работе с Dreamweaver необходимо учитывать следующие моменты .
Это приложение Adobe, используемое веб-дизайнерами и разработчиками для создания приложений и веб-сайтов.
- Он может работать на нескольких платформах, включая браузеры, устройства и планшеты.
Веб-дизайнеры используют Dreamweaver для создания прототипов веб-сайтов.
DMXzone Less CSS Compiler делает все возможности LESS CSS непосредственно в Dreamweaver.
Блокнот ++ 6.x
При работе с Notepad ++ необходимо учитывать следующие моменты .
Notepad ++ - это бесплатный текстовый редактор и редактор исходного кода, который поддерживает редактирование с вкладками, то есть работу с несколькими открытыми файлами в одном окне.
LESS для Notepad ++ - это XML-файл, который обеспечивает выделение или раскраску синтаксиса для файлов .less. Чтобы получить дополнительную информацию, щелкните по этой ссылке .
Чтобы установить Notepad ++, щелкните эту ссылку .