一、前言
WeFlow 是什么？一個高效、強大、跨平台的前端開發工作流工具。（官網定義），下載那些你們都知道，我就不一 一介紹了。下面我說一下簡單使用：
二、使用教程
首先，我們使用 WeFlow 是為了整合我們需要的圖片（picture）和圖標（icon）。那么首先我們要將圖片進行整理。
如該圖所示的方式去整理。1x 和 @3x 的區別就是像素的區別，相差3倍。怎么去使用工具。
第一步：打開工具 文件-->創建項目-->名稱 實例如下：我的項目名叫 First，你的你可以隨便起。
第二步：拷貝圖片 將我們的圖片拷貝到 First-->src-->slice
我這里使用了應該 bc 文件夾，就是給你們展示多文件夾怎么處理。OK 文件拷貝完成，現在去配置。
第三步：編寫 css 中的文件 我們到 First-->src-->css 路徑下看到如下文件
我們添加兩個文件，因為我有應該 bc 文件夾，所以我取名叫 bc.less 名字是隨便起的。
第四步：修改 css 文件。一共要動到三個文件 bc、usicon 、style-index
ok 文件修改完成以后，回到 WeFlow 軟件中。點擊 生產編譯 等待
當 Running 變為 Done 表示項目執行完成。在打開項目文件夾，你會發現多了一個 “dist” 文件夾。里面存放的就是你生產大圖片和 css 的存放地方。
基本完成！
三、使用 WeFlow 生成的圖片
看了這張圖片，你應該知道怎么使用了，我就步多多的說些了。