标签:
sublime 就不介绍了,less2css 是一个安装在sublime上的插件,可以让你书写less后自动生成css文件,而且还可以提示less的语法错误。
搜了一下相关的教程,很多都写的不全,按照他们的步骤操作下来之后发现有错误,甚至无法正确运行。
直入主题吧,步骤(这里只写windows下的安装步骤,mac下使用brew来安装很简单,而且一般也不会出错,直接跳过了)
1. 自动编译依赖于node,因此要先安装node,进入node官网下载自己需要的版本然后安装完成,通常安装程序会自动帮你配置环境变量,将node安装目录添加到系统变量中,如果没有请检查并手动添加该环境变量(不知道如何设置?自己动手咯);
2. 安装完node后还需要安装node下的less,需要全局安装(安装完node后,自动就带npm了,所以在dos命令行直接运行如下命令即可,-g 参数代表全局安装,会帮你安装到%appdata%目录下)。
npm install -g less
不安装的话将无法自动编译
3. 在less2css运行时还会执行一个 clean-css的功能,因此还需要在node下安装 less-plugin-clean-css,同样需要全局安装
npm install -g less-plugin-clean-css
不安装的话,每次保存会弹出错误提示,当然你也可以通过修改less2css的配置文件屏蔽错误提示。
4. 最后我们打开sublime,使用install package命令安装less2css插件(ctrl+shift+P)-> install package -> less2css 回车,等待安装完毕重启sublime即可。
5. 为了支持less的语法高亮显示,还需要安装一个sublime的插件less 这样就可以流畅的书写less了。
windows下 sbulime text 安装less2css踩的几个坑
标签:
原文地址:http://www.cnblogs.com/aleafo/p/5799404.html