sublime 经验总结 主题有 less2css

1. 安装“包控制”模块

操作步骤见该网站：https://sublime.wbond.net/installation#Simple

sublime2的代码如下：

 

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

 

（如果上述代码出错，还是到上述网站去复制）

大体的操作是：在sublime中按ctrl和~，进入控制台，然后输入网站中的指令，回车，最后重启sublime。

安装成功后，你会看到如下内容：

 

2. 下面举个安装Less2Css插件的例子（Less使得Css具备动态语言的特性）

Less2Css功能介绍：

当sublime中

1. 保存less文件的时候，自动生成同名的css文件，并提示编译错误信息；

2.  可批量编译项目目录下的所有less文件为css文件；

安装步骤：

1.  ctrl 和 shift 和 p      或   preferences-》package control

在文本框中输入install后再输入less2css后按回车 ， 此时注意sublime左下角的信息安装提示；

安装成功后，重启sublime。

3. less2css插件需要lessc

下面安装lessc

到http://download.csdn.net/detail/c_cyoxi/7594863下载；

对于lessc的解释：Less2Css插件依赖lessc这个工具，下载这个压缩包，然后解压后，将路径添加到系统环境Path变量中，若在cmd中，输入lessc，不报错，则表示环境变量成功设置了。

lessc不需要安装，只要设置好环境变量即可

4. 验证less2css是否安装成功

这时可以在Sublime打开或者新建一个less文件，按下Ctrl+S保存，此时应该会在less文件的相同目录下生成同名的css文件。

比如下面这段less代码

@color : #4D926F;


#header {
  color: @color ;
}
h2 {
  color: @color ;
}

在sublime中保存后，会生成如下代码

#header{color:#4d926f}

h2{color:#4d926f}

错误解决：

1. 保存less文件时，错误对话框内容为： less2css error:[Error 2]

方法：这是由于安装完less2css后，sublime需要重启。

关于less的使用建议阅读官方网站

或者http://www.ibm.com/developerworks/cn/web/1207_zhaoch_lesscss/  （它是中文文档）