sublime text3 安装less2css

1.下载sublime text3

sublime text3下载地址:http://pan.baidu.com/s/1i3N22TR

解压下载包sublime text3，打开“”

2.打开sublime text之后，安装“Package Control”

找到 " Preferences——》Package Control ", 也可以用快捷键 Ctrl+Shift+P打开，如果没有Package Control 这个东西，先安装“Package Control”。

Package Control安装方法：

1）快捷键 Ctrl+~ 打开控制台，根据参考Package Control官网提供的安装步骤https://packagecontrol.io/installation,将下面的Python代码粘贴到控制台里:

<span style="font-family:Microsoft YaHei;font-size:14px;">import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)</span>

注意：上面的代码会随着版本不同而改变，所以最好取到官网去复制代码

（2）如果不能自动安装的话，官网也提供了手动（Manual）安装方法，具体做法可以去到官网参考

（3）如果在Perferences->package settings中看到package control这一项，则表明安装成功。

3.安装less插件

1）按下Ctrl+Shift+P调出命令面板。

2）输入install 调出 Install Package 选项并回车。

3）在列表中选中要安装的插件，或者输入插件名(比如要安装IMESupport插件，则输入IMESupport，它会实时过滤筛选结果)，根据命令面板中的过滤结果，选择要安装的插件less, less2css。

4.less2css

1)安装好less2css还不能用；因为Less2Css插件依赖lessc这个工具，在windows下可以到https://github.com/duncansmart/less.js-windows/releases 上下载less.js-windows到本地目录，解压缩到指定目录，这里我解压缩到D:\soft\less.js-windows。

2）然后把目录地址加入到环境变量PATH的中, 具体操作如下图所示：

     

3）设置好之后，通过快捷键 Windows徽标键+R键 调出运行窗口，输入cmd，在命令行中输入lessc，如果有如下提示则表示设置成功：

      

4)重启sublime text，新建一个cc.less的文件，同时会生成一个cc.css的文件，在cc.less中输入，按Ctrl+s之后，cc.ss中会自动生成对应的代码，并且内容自动压缩。如下图所示：