LESS安装三种编译方法

less三种编译方法

koala

http://koala-app.com/index-zh.html

安装后把less文件夹直接拖在程序里面

less2css +sublimetext3

首先在官网上安装node.js
https://nodejs.org/en/

打开cmd  
npm install less
Sublimetext ctrl + f 安装插件
less2css
然后在user配置中添加以下代码
{ "minify":false, "outputDir":"auto", }
如果outputDir设置成
"./"则是同目录编译less
"./css"则是 in the root of the project

cmd

打开cmd到less文件夹
lessc 文件名.less 编译后名.css

在html中引入less

<link rel="stylesheet/less" href="less/startup.less">
<script src="js/less.min.js" type="text/javascript" ></script>
cmd下输入
npm install -g http-server
然后cd更改路径到less目录中
cmd
http-server .

Visual Studio Code + ease Less

在less文件开头加入以下代码
// out: ../css/Variables.css, compress: true, sourceMap: true
out 填写生成路径，相对于当前less文件 
compress css压缩，true生成压缩代码 
sourceMap 生成 *.map 文件 true为生成