首页 > 代码库 > sublime 经验总结 主题有 less2css
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/ (它是中文文档)
sublime 经验总结 主题有 less2css