首页 > 代码库 > 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