编译less,大概有3种方法,分别是在Koala,node.js,浏览器中使用。这里我说一下怎么在sublimeText3中使用node.js编译less。
1.安装node.js
第一是首先安装node.js.可以去node.js官网中下载,一路next就行了。安装完成时可以调出终端输入node -v 如果能看到版本号就说明安装成功了
2.less(less语法高亮功能插件)和Less2Css(编译功能插件)
确保你的sublimeText3安转了package control插件,至于怎么安装就不说了,这个非常简单。安装完成后,Ctrl+Shift+p打开命令面板,输入install package并在下拉里选中install package。在弹出的框里然后分别输入less(less语法高亮功能插件)和Less2Css(编译功能插件)这两个插件,点击enter安装。
3.安装less
在cmd 下输入命令:npm install -g less,安装好之后在 Sublime 里面Ctrl+n新建less文件时,会有一个错误:LESS: Unable to interpret argument clean-css,这是因为还需要一个插件:less-plugin-clean-css插件的安装,同样在cmd下输入命令:npm install less-plugin-clean-css,安装好之后问题就解决了。
安装完成后创建一个test.less文件,会自动生成一个test.css文件。在html文件中我们依然是引进test.css文件,我们只需在test.less中编写代码即可,然后会自动保存到test.css.