Sublime Text3 自动编译less 的配置

1 首选咱们须要安装node.jscss

首先先配置一下环境, 
less须要nodejs支持, 
因此咱们先要安装一下nodejs 
复制代码

到nodejs官网下载就能够了:下载nodejsnode

2 安装lessgit

运行-cmd:github

输入命令行:npm

npm install less -g
复制代码

g 表明着全局安装lessless

以后在 Sublime 里面建less文件时,会有一个错误
LESS: Unable to interpret argument clean-cssspa

这是由于还须要一个插件less-plugin-clean-css插件的安装,命令行为:插件

npm install less-plugin-clean-css -g
复制代码

3 安装sublime的插件命令行

(1)安装less插件:code

由于Sublime不支持Less语法高亮, 因此,先安装这个插件

  • 方法1: (首先确保sublime上已安装了Package Control) 按住ctrl+shift+p>install Package>输入less按Enter
  • 方法2:直接下载后 解压文件 放到插件文件夹下(首选项-浏览插件 打开文件夹) 下载地址

(2)安装LESS2CSS插件:

less2css的读音 其实就是less to css 这个插件的做用是 当保存less文件的时候自动生成同名的css文件; 当保存less文件的时候提示编译错误信息; 批量编译项目目录下的全部less文件为css文件。

安装:

  • 方法1:ctrl+shift+p>install Package>输入less2css按Enter
  • 方法2:直接下载 解压文件 放到插件文件夹下
相关文章
相关标签/搜索