Less学习教程一

最近在认真学习CSS，于是顺便学了一下LESS。想在网上找点中文资料，却发现很少，有几个中文网站，连文档都没翻译完全。还是自己动动手，写点东西放在这里作为备忘。

less的官网是http://www.lesscss.org,目前的版本是3.9.0

官网首页给出了两种使用方式：1.npm install -g less，然后命令行下使用 lessc进行编译，例如 lessc styles.less styles.css;2.写在网页中，直接用于浏览器：<link rel="stylesheet/less" type="text/css" href="styles.less" />  <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js" ></script>  对于第二种方法，要求对less文件的link一定要写在对less.min.js文件的引用之前。

对于在windows下做开发的程序员，除了直接用lessc命令外，还有一些可视化的工具。

1.HBuilder或者HBuilderX，可以安装Less插件。

2.Webstorm可以设置Less文件的file watcher，

3.vscode

4.Winless

5.koala-app,这个是国人做的前端预处理器语言图形编译工具，支持Less、Sass、Compass、CoffeeScript，帮助web开发者更高效地使用它们进行开发。跨平台运行，完美兼容windows、linux、mac。软件的主页是http://koala-app.com/index-zh.html

其他IDE如果不装插件，其实可以使用考拉和winless这两个软件之一配合一起使用。

再下载考拉的安装包时，发现直接点击主页上的下载按钮，速度挺慢的。可以直接去https://github.com/oklai/koala/releases下载，速度快不少。我在安装时还发现一个问题，安装路径最好是英文且不包含空格。