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