📅  最后修改于: 2020-10-22 08:15:28             🧑  作者: Mango
在本章中,我们将了解LESS中编辑器和插件的重要性。编辑器是允许用户编辑文本的系统或程序。插件是用于扩展站点功能的软件。
现在让我们讨论一下LESS的编辑器和IDE。
Sr.No. | Editors and IDEs & Description |
---|---|
1 | Crunch!
It supports cross-platforms like Windows, Mac and Linux. It provides editor with integrated compiling. |
2 | Mindscape Web Workbench
It provide CoffeeScript, SASS, Compass and LESS editing and makes modern web development easy in Visual Studio. |
3 | NetBeans
It is an open-source Java-based IDE. This helps in the quick development of your desktop, mobile and web applications as well as HTML5 applications that involve HTML, JavaScript and CSS. |
4 | TextMate
It is a general purpose graphical text editor for Mac OS X. It features declarative customizations, recordable macros, snippets, shell integration, open documents tabs and an extensible bundle system. |
5 | Vim
The vim bundle adds functionalities like indenting, highlighting and auto completion for the dynamic stylesheet language LESS. |
6 | Emacs
It contains less-css-model that provides an Emacs mode for LESS CSS (lesscss.org); Emacs supports compile-on-save. |
7 | jetBrains WebStorm and PhpStorm
WebStrom is a lightweight and powerful IDE. It is perfectly equipped for complex client-side and server development with Node.js. PhpStorm is an PHP IDE, which supports deep code understanding, and provides top-notch coding assistance and support for all major tools and frameworks. |
8 | Brackets
It is a lightweight, powerful and an open-source code editor that helps web designers and front-end developers. |
9 | CodeLobster
It is a portable integrated development environment (IDE) primarily for PHP. It also supports HTML, CSS and JavaScript development and plugins are available for Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii and CakePHP. |
10 | KineticWing IDE
It is a quick, clean, lightweight and portable IDE. It is a full-size development suite that helps you work smart and fast. |
11 | nodeMirror
It is an open-source and easily customizable IDE. It utilizes CodeMirror.net, pty.js and other libraries. |
12 | HTML-Kit Tools
This is a modern web editor for HTML5, CSS3, JavaScript and more. With this, you can edit, preview, validate publish and manage projects from modern standards compliant editor. |
崇高文本为LESS提供了不同的选项,如下表所示-
Sr.No. | Options & Description |
---|---|
1 | Less-sublime
LESS syntax for sublime text provides syntax highlighting for .less files, along with snippets. |
2 | Sublime-Less-to-CSS
Sublime text 2 and 3 plugin to compile .less files to CSS when you save. It requires lessc installed on PATH. |
3 | Less-build-sublime
LESS build system for sublime text 2 which provides two build systems for LESS files, both minified and non-minified. |
4 | SublimeOnSaveBuild
It is a simple plugin for sublime text 2 to trigger a build when you click Save. Works well with pre-processors like LESS, Compass and any others. |
Eclipse有两个LESS插件,如下表所示-
Sr.No. | Plugins & Description |
---|---|
1 | Eclipse Less Plugin
By extending the Eclipse IDE, this plugin provides useful features to edit and compile LESS stylesheets. |
2 | Transpiler Plugin
This Eclipse plugin automatically transpiles your files like LESS, SASS, CoffeeScript, etc. |
Visual Studio对于LESS具有以下不同选项-
Sr.No. | Options & Description |
---|---|
1 | CSS Is Less
This extension makes LESS files open with CSS language service. |
2 | Web Essentials 2012
This extension lets you perform common tasks much easier and adds useful features to Visual studio for web developers. |
3 | Web Essentials 2013
It extends Visual Studio with a lot of new features which are not specific to a specific language or editor. |
4 | Web Tools 2013
This helps you in the development tasks that involve ASP.NET |
使用Dreamweaver时需要考虑以下几点。
在Notepad ++上工作时,需要考虑以下几点。