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

  • 相关阅读:
    Bellman-Ford(BF)和Floyd算法
    Dijkstra实现最短路径
    【图论】连通分量个数(并查集)
    【模拟】n a^o7 !
    【图论】最小生成树
    【搜索DFS】图的深度遍历(dfs)
    【搜索BFS】poj3278--Catch That Cow(bfs)
    【图论】判断给定图是否存在合法拓扑序列
    二叉排序树
    【树】判断给定森林中有多少棵树(简单做法)
  • 原文地址:https://www.cnblogs.com/laneyfu/p/5530342.html
Copyright © 2011-2022 走看看