zoukankan      html  css  js  c++  java
  • 安装glue,用glue批量处理图片的步骤

     glue批量处理图片:http://glue.readthedocs.io/en/latest/quickstart.html#and-why-those-css-class-names

    首先需要安装pip 

    安装pip的步骤如下: 参考网址 https://pip.pypa.io/en/stable/installing/

    1.  brew install wget  安装wget

    2. wget https://bootstrap.pypa.io/get-pip.py    下载get-pip.py

    3. python get-pip.py  ,如果安装不上就用 sudo  python get-pip.py

    4. pip -v  查看pip的版本

    pip安装完成

    接着需要安装glue,安装步骤如下:

    1. brew update  更新  homebrew,如果homebrew是新的可以不用做此操作

    2. brew doctor  检查 homebrew

    3. brew link jpeg (如果安装不成功,往下)

    4. ls /usr/local

    5. ls /usr/local/bin

    6.  ls /usr/local/bin/c

    7. ls -al  ls /usr/local/lib

    8. whoami

    9. sudo chown -R $(whoami)  /usr/local/lib/

    10. brew link jpeg (接着安装)

    11. which pip  查看pip路径

    12. pip install glue   ,如果安装不上,就加上sudo ,权限最高

    13. glue -v  查看glue版本

    到此glue安装完成

    接着就需要走glue自动做雪碧图的步骤了

    1. cd 进入项目中images/compress, 用pwd命令查看目录

    2. pwd  显示当前目录

    3. mkdir register ,在compress下新建register文件夹

    4.把需要处理的icons放在register文件夹下

    4. glue register sprites  把incons生成雪碧图 ,生成css 文件

    5. 在scss文件夹夹下建一个名为_resister_btn.scss的css文件

    6. 在 需要应用这些icons雪碧图的css文件  @import 'register_png'

    
    

    ps的切图工具cutterman

    http://www.cutterman.cn/v2/cutterman

  • 相关阅读:
    PHP核心代码库中的APC缓存说明123
    php5函数库
    javaweb 在netbeans 上的部署问题
    数据结构二叉树的递归与非递归遍历之java,javascript,php实现可编译(1)java
    实验五 Java网络编程及安全
    实验三 敏捷开发和XP实验
    实验二 Java面向对象程序设计
    实验一 Java开发环境的熟悉
    at&t 命令集合
    chkconfig命令
  • 原文地址:https://www.cnblogs.com/laneyfu/p/5530342.html
Copyright © 2011-2022 走看看