zoukankan      html  css  js  c++  java
  • 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/  (它是中文文档)

  • 相关阅读:
    Largest Rectangle in Histogram
    Valid Sudoku
    Set Matrix Zeroes
    Unique Paths
    Binary Tree Level Order Traversal II
    Binary Tree Level Order Traversal
    Path Sum II
    Path Sum
    Validate Binary Search Tree
    新手程序员 e
  • 原文地址:https://www.cnblogs.com/wawahaha/p/4242080.html
Copyright © 2011-2022 走看看