
- 语言特性
- LESS - 嵌套规则
- LESS - 嵌套指令和冒泡
- LESS - 运算
- LESS - 转义
- LESS - 函数
- LESS - 命名空间和访问器
- LESS - 作用域
- LESS - 注释
- LESS - 导入
- LESS - 变量
- LESS - 扩展
- LESS - 混合宏
- LESS - 参数化混合宏
- LESS - 混合宏作为函数
- LESS - 向混合宏传递规则集
- LESS - 导入指令
- LESS - 导入选项
- LESS - 混合宏保护
- LESS - CSS保护
- LESS - 循环
- LESS - 合并
- LESS - 父选择器
- 函数
- LESS - 杂项函数
- LESS - 字符串函数
- LESS - 列表函数
- LESS - 数学函数
- LESS - 类型函数
- LESS - 颜色定义函数
- LESS - 颜色通道函数
- LESS - 颜色运算
- LESS - 颜色混合函数
- 用法
- LESS - 命令行用法
- 在浏览器中使用LESS
- LESS - 浏览器支持
- LESS - 插件
- LESS - 程序化用法
- LESS - 在线编译器
- LESS - 图形用户界面
- LESS - 编辑器和插件
- LESS - 第三方编译器
- LESS - 框架
- LESS有用资源
- LESS - 快速指南
- LESS - 有用资源
- LESS - 讨论
LESS - 编辑器和插件
本章我们将了解编辑器和插件在LESS中的重要性。编辑器是一个允许用户编辑文本的系统或程序。插件是一段用于扩展站点功能的软件。
现在让我们讨论LESS的编辑器和IDE。
序号 | 编辑器和IDE & 描述 |
---|---|
1 | Crunch!
它支持跨平台,例如Windows、Mac和Linux。它提供带有集成编译的编辑器。 |
2 | Mindscape Web Workbench
它提供CoffeeScript、SASS、Compass和LESS编辑,并在Visual Studio中简化了现代Web开发。 |
3 | NetBeans
这是一个基于Java的开源IDE。这有助于快速开发桌面、移动和Web应用程序,以及涉及HTML、JavaScript和CSS的HTML5应用程序。 |
4 | TextMate
这是一个用于Mac OS X的通用图形文本编辑器。它的特点是声明式自定义、可记录的宏、代码片段、shell集成、打开文档选项卡和可扩展的bundle系统。 |
5 | Vim
vim bundle添加了诸如缩进、突出显示和自动完成动态样式表语言LESS的功能。 |
6 | Emacs
它包含less-css-model,该模型提供LESS CSS (lesscss.org)的Emacs模式;Emacs支持保存时编译。 |
7 | jetBrains WebStorm和PhpStorm
WebStrom是一个轻量级且功能强大的IDE。它完全配备了用于复杂的客户端和服务器端开发(使用Node.js)。PhpStorm是一个PHP IDE,它支持深入的代码理解,并为所有主要工具和框架提供一流的编码辅助和支持。 |
8 | Brackets
这是一个轻量级、强大且开源的代码编辑器,可帮助Web设计师和前端开发人员。 |
9 | CodeLobster
这是一个主要用于PHP的可移植集成开发环境(IDE)。它还支持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等的现代Web编辑器。通过它,您可以从符合现代标准的编辑器中编辑、预览、验证、发布和管理项目。 |
Sublime Text 2 & 3
以下表格列出了sublime text提供的LESS不同选项:
序号 | 选项 & 描述 |
---|---|
1 | Less-sublime
Sublime Text的LESS语法为.less文件提供语法高亮显示以及代码片段。 |
2 | Sublime-Less-to-CSS
保存时编译.less文件到CSS的Sublime Text 2和3插件。它需要在PATH中安装lessc。 |
3 | Less-build-sublime
用于Sublime Text 2的LESS构建系统,它为LESS文件提供两个构建系统,压缩和非压缩。 |
4 | SublimeOnSaveBuild 这是一个简单的Sublime Text 2插件,用于在单击“保存”时触发构建。与LESS、Compass和任何其他预处理器配合使用效果很好。 |
Eclipse
Eclipse有两个LESS插件,如下表所示:
序号 | 插件 & 描述 |
---|---|
1 | Eclipse LESS插件
通过扩展Eclipse IDE,此插件提供了编辑和编译LESS样式表的实用功能。 |
2 | Transpiler插件
此Eclipse插件会自动转换您的文件,例如LESS、SASS、CoffeeScript等。 |
Visual Studio
Visual Studio有以下LESS选项:
序号 | 选项 & 描述 |
---|---|
1 | CSS Is Less
此扩展使LESS文件可以使用CSS语言服务打开。 |
2 | Web Essentials 2012
此扩展使您可以更轻松地执行常见任务,并为Web开发人员添加了Visual Studio的有用功能。 |
3 | Web Essentials 2013
它为Visual Studio扩展了许多新功能,这些功能并非特定于某种语言或编辑器。 |
4 | Web Tools 2013
这有助于您完成涉及ASP.NET的开发任务。 |
Dreamweaver
使用Dreamweaver时,需要考虑以下几点。
这是一个Adobe应用程序,Web设计师和开发人员使用它来创建应用程序和网站。
- 它能够跨多个平台工作,包括浏览器、设备和平板电脑。
Web设计师使用Dreamweaver创建网站原型。
DMXzone LESS CSS编译器直接在Dreamweaver中提供所有LESS CSS功能。
Notepad++ 6.x
使用Notepad++时,需要考虑以下几点。
Notepad++是一个免费的文本编辑器和源代码编辑器,支持选项卡式编辑,即在一个窗口中处理多个打开的文件。
Notepad++的LESS是一个xml文件,它为.less文件提供语法高亮显示或着色。要了解更多信息,请单击此链接。
要安装Notepad++,请单击此链接。