阅读(3408)
赞(0)
Less 编辑器和插件
2016-12-28 10:04:09 更新
在本章中，我们将学习关于编辑器和插件。 编辑器是允许用户编辑文本的系统或程序。 插件是一种软件，用于扩展网站的功能。
让我们讨论LESS的编辑器和IDE。
| S.N. | 编辑器和IDE和说明 |
|---|---|
| 1 | Crunch! 它支持 Windows ， Mac 和 Linux 等跨平台。 它提供编辑器集成编译。 |
| 2 | Mindscape Web Workbench 它提供CoffeeScript，SASS，指南针和LESS编辑，它包括所有必要的使现代化的Web开发容易在Visual Studio。 |
| 3 | NetBeans 它是一个基于Java的IDE，它是一个开源。 它允许您轻松快速地开发桌面，移动和Web应用程序以及使用HTML，JavaScript和CSS的HTML5应用程序。 |
| 4 | TextMate 它是一个用于Mac OS X的通用图形文本编辑器。它具有声明性定制，可记录宏，片段，外壳集成，打开文档选项卡和可扩展束系统。 |
| 5 | Vim vim软件包添加了动态样式语言LESS的功能，如缩进，突出显示和自动完成。 |
| 6 | Emacs 它包含less-css-model，它将为LESS CSS(lesscss.org)提供一个Emacs模式，并支持compile on save。 |
| 7 |
|
| 8 | Brackets 它是一个轻量级，功能强大的开放源代码编辑器，面向网页设计师和前端开发人员。 |
| 9 | CodeLobster 它是一个主要用于PHP的便携式集成开发环境(IDE)。 它还支持HTML，CSS和JavaScript开发和插件可用于Drupal，WordPress，Smarty，Joomla，JQuery，Facebook，Codeigniter，Yii和CakePHP。 |
| 10 | KineticWing IDE 它是快速，干净，轻便和便携的IDE。 它是一个全尺寸的开发套件，让您更聪明，更快速地工作。 |
| 11 | nodeMirror 它是开源的，可以很容易地定制。 它是一个使用CodeMirror.net，pty.js和其他库的IDE。 |
| 12 | HTML-Kit Tools 它是全功能的现代网络编辑器的HTML5，CSS3，JavaScript和更多。 它允许您编辑，预览，验证从现代标准兼容编辑器发布和管理项目。 |
Sublime Text 2＆amp; 3
LESS的升级文字不同选项如下表所列:
| S.N. | 选项和说明 |
|---|---|
| 1 | Less-sublime Sublime文本的LESS语法为 .less 文件提供语法高亮以及片段。 |
| 2 |
|
| 3 | Less-build-sublime LESS构建系统 > sublime text 2 ，它为LESS文件(包括缩小和非缩小)提供了两个构建系统。 |
| 4 | SublimeOnSaveBuild 它是一个简单的插件，用于 sublime text 2 在每次保存时触发构建。 可与预处理器(如LESS，Compass等)配合使用。 |
Eclipse
Eclipse 针对LESS的不同插件，如下表所列:
| S.N. | 插件和说明 |
|---|---|
| 1 | Eclipse Less Plugin 通过扩展Eclipse IDE，此插件提供了编辑和编译LESS样式表的有用功能。 |
| 2 | Transpiler Plugin 这是Eclipse插件自动转译您的文件，如LESS，SASS，CoffeeScript等。 |
Visual Studio
Visual Studio LESS的不同选项，如下表所列:
| S.N. | 选项和说明 |
|---|---|
| 1 | CSS Is Less 这个扩展使LESS文件用CSS语言服务打开。 |
| 2 | Web Essentials 2012 此扩展可让您更轻松地执行常见任务，并为Visual Studio for Web开发人员添加有用的功能。 |
| 3 | Web Essentials 2013 它扩展了Visual Studio中的许多新功能，而不是特定的语言或编辑器。 |
| 4 | Web Tools 2013 您下载该工具并开始使用ASP.NET开发 |
Dreamweaver
让我们讨论有关 Dreamweaver 的一些要点。
-
它是一个Adobe应用程序，由网页设计师和开发人员用来创建应用程序和网站。
- It is capable of working across multiple targets including browsers, devices and tablets
-
网页设计师使用Dreamweaver创建网站原型。
-
DMXzone Less CSS编译器 >使所有的LESS CSS权力直接在Dreamweaver。
Notepad ++ 6.x
让我们讨论有关Notepad++的一些要点。
-
Notepad ++是一个自由文本编辑器和源代码编辑器，支持标签编辑，即在单个窗口中使用多个打开的文件。
-
LESS for Notepad ++是一个xml文件，为 .less 文件提供语法高亮或着色。 您可以在此链接上获取更多信息。
-
Less.js语法高亮是RaúlSalitrero和azrafe7的用户定义语言。
-
要安装Notepad ++，请单击此链接。