1、在sublime里安装好less(less语法高亮功能插件)和Less2Css(编译功能插件)这两个插件,具体步骤为:
Ctrl+Shift+p打开命令面板,输入install package并在下拉里选中install package(这里必须已经安装好了管理插件的package control插件),弹出新搜索框之后再输入要安装的插件,然后下拉出现对应插件,点击安装。
2、安装好插件后还不能编译,必须还要安装好node.js才行
下载传送门:Node.js,必须保证系统中已经安装了nodejs并且路径已经添加到环境变量里面,一般安装好之后就已经自动添加到系统环境变量Path里,不过最好打开确认一下,打开方法:右键计算机->属性->环境变量->在系统变量里找到Path,然后选择下面的编辑按钮,里面的变量值就是
系统环境变量:
![](http://upload-images.jianshu.io/upload_images/3155742-e8b285f5f58e6dbc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/428)
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,安装好之后问题就解决了。
使用方法:在sublime中新建一个less文件,按Ctrl+s就会根据当前文件编译为一个css文件,这个新建的文件默认放在less文件同目录下,之后每次编辑完less文件之后Ctrl+s保存,同目录下的css文件也会同步更新内容。
作者:没个性的七秒鱼
链接:https://www.jianshu.com/p/1ebf12edc967
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。