sublime中如何用less实现css预编译

实现css预编译的方式有很多，听说glup很流行而且功能也很强大，但是就目前的工作而言，仅要css预编译和YUIcompress就够了，接下来切入正题

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

Less 可以运行在 Node 或浏览器端。

1、安装less插件

ctrl+shift+p -> install package -> less 即可安装

功能：LESS高亮插件

简介：用LESS的同学都知道，sublime没有支持less的语法高亮，所以这个插件可以帮上我们

使用：打开.less文件或者设置为less格式

2、安装less2css插件

ctrl+shift+p -> install package -> less2css 即可安装

less2css插件安装好后需要修改系统的环境变量，将less.js-window下载到本地后，将其目录位置添加到系统环境变量中

功能：

当保存less文件的时候自动生成同名的css文件；
当保存less文件的时候提示编译错误信息；
批量编译项目目录下的所有less文件为css文件。

具体功能设置可以修改该插件的setting-user参数，记住是先将setting-default里的参数复制到setting-user中在修改

使用：

ctrl+s即可将编写的less文件自动编译为css文件。

工具再强大，也得精通其语法才行啊。

语法教程参见LESS

时间： 2024-10-25 05:39:55

sublime中如何用less实现css预编译的相关文章

javascript中使用var定义变量的预编译效果

首先说明一点:javascript语法是非常灵活的,灵活的代价就是很容易导致不规范的编码和各种意想不到的运行结果.ECMAScript 5 引入了严格模式 (strict mode),今后我们编写javascript代码最好都使用"use strict",规范我们的javascript代码.下面的测试代码不是基于严格模式. alert(a); var a;//已声明未赋值 alert(b);//未声明的变量执行结果是:a打印undefined,b报错.这说明:var a;这条语句的

CSS预编译：less入门

LESS预编译是向下兼容CSS并且为当前CSS扩展功能. LESS官网就是最好的学习资源. 这篇文章是对LESS的一个Overview,仅作为初步了解.因为官网是英文,所以我也尽量顺应它的表达避免歧义. Variables use variables for more comprihensible code: @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } and the O

从Mybatis中#和$的区别到SQL预编译

#和$的区别 Mybatis中参数传递可以通过#和$设置.它们的区别是什么呢? # Mybatis在解析SQL语句时,sql语句中的参数会被预编译为占位符问号? $ Mybatis在解析SQL语句时,SQL语句中的参数会被当做字符串拼接SQL. 使用#能够防止SQL注入攻击. 那么什么是预编译? 什么是预编译通常,一条sql在db接收到最终执行完毕返回需要经历三个阶段: 词法和语义解析优化sql语句,制定执行计划执行并返回结果但是如果同样一条SQL,如果只是参数值变了,不需要每次都语法语

CSS 预编译stylus

stylus是css的预编译语言,用于去掉css中的冒号和分好,例如 .style{ position fixed width 100% z-index 10 } vue的使用方式是需要安装 npm install stylus stylus-loader --save-dev 原文地址:https://www.cnblogs.com/wjw-/p/11548874.html

JS作用域和预编译（转载学习中。。。）

JS在页面加载过程中顺序执行.但是分块预编译.执行. JS在执行前会进行类似”预编译”的操作,而且先预声明变量再预定义函数. 此时注意,是声明,不是定义,如:var a = 1; 在预编译中,只是执行了”var a”没有赋值,即在预编译结束时a 为undefined. (注意)并不是先全文编译完在执行,而是块编译,即一个script块中,预编译再执行,然后(按顺序)下一个script块,预编译再执行,但此时上一个块中的数据都是可以用的,但下一个块中的函数,声明的变量都是不可用的. 变量没声明就引

将Microsoft Ajax Minifier集成到VS2013对JS、CSS进行编译时压缩

在网站发布中,一般要将js,css文件压缩减少体积,以减少在HTTP请求中的流量.将Microsoft Ajax Minifier集成到VS2013中就可以对JS.CSS进行编译时压缩. VS2013的集成方法: Asp.net网站上的详细说明网址:http://www.asp.net/ajaxlibrary/AjaxMinQuickStart.ashx Microsoft Ajax Minifier下载地址:http://ajaxmin.codeplex.com/ 下载安装后,按照如

Sublime Text3 & MinGW & LLVM CLang 安装配置C-C++编译环境

Sublime Text是一款强大的跨平台代码编辑器,小巧而且丰富实用的功能是Visual Studio不能比拟的,但是编译运行是一个软肋,本文通过在sublime中配置g++编译器实现程序的编译功能.具体步骤如下: (一) 下载安装Sublime text3 for windows (二) 下载安装 MinGW (三) 下载安装 LLVM CLang (四) Sublime Text3配置 (五) 编译测试 (六) 配置编

js 变量预编译

js是按照顺序执行的: 但是在js中会对var和function进行预编译: alert(show); function show(){ var a; } 比如以上代码,alert就会输出function. 但是对于var的预编译,刚刚是自己理解错了, 如下代码,a输出都是undefined. b会直接报错,b is not defined. alert(a); alert(b); var a; 汇总下要点: 1.js在页面加载过程中顺序执行.但是分块预编译.执行. 2.JS 在执行前会进行类似

VC++编译器预编译头功能(stdafx.h)原理与实践

1 现象在使用VC++应用向导生成的源码框架时,无论是MFC应用程序,还是Win32窗体程序,都会默认启用"预编译头"功能,自动生成stdafx.h和stdafx.cpp这两个文件.以后向项目中增加源文件时,也自动对该源文件启用"预编译头"功能.要求必须在.cpp文件开头加入 #include "stdafx.h" ,否则编译器就会报错:fatal error C1010:在查找预编译头时遇到意外的文件结尾.是否忘记了向源中添加"#i