МЕНЬШЕ - Редакторы и плагины

В этой главе мы поймем важность редакторов и плагинов в 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 ++, щелкните эту ссылку .