Yummy-Flow

Yummy-Flow就是一个基于nodejs和gulp来开发的前端自动化流程工具，它将前端开发人员常用的样式压缩、图片压缩、合并和上传等一系列繁杂的工作整合起来，提供智能一条龙服务，能够用于辅助团队规范开发，提高团队的工作效率。

安装Yummy-Flow

建议使用facebook的yarn代替npm安装，快速&少报错，运行如下命令：

npm i -g yarn

yarn命令与npm的全局安装路径不一样，请执行如下命令将输出的结果路径配到环境变量中

yarn global bin

下载Yummy-Flow项目，安装Yummy-Flow

cd yumy-flow
yarn install --ignore-engines

启动

建议选择位置本地安装Yumy-Flow，如果非全局安装，安装目录下执行如下命令启动界面

gulp ui

文件目录体系

 项目/
│
│
├── css/                
│   ├── global.important.css                
│   ├── index.css                
│   └── play.css
│
├── img/                
│   ├── logo.png                
│   └── bg.png
│
├── slice/                
│   │
│   ├── index/                
│   │   ├── icon_share.png                
│   │   └── icon_more.png
│   │
│   └── 2x/                 // 2x文件夹存放2倍图片
│       │
│       └── play/
│           ├── icon_play.png                
│           └── icon_pause.png
│
├── sprite/         // 自动合并生成雪碧图                
│   ├── index.png                
│   └── [email protected]             // 2x文件夹生成的2倍雪碧图
│
└── base64/                 // 存放需要转换为base64格式的小图片
    ├── up.png                
    └── down.png

常见问题

1、问：使用 node install.js 安装插件时存在失败的情况怎么办？

答：插件安装失败的情况是可能存在的，有很多情况可能导致安装失败，包括公司网络，node版本过低等，在公司安装时建议配置好代理：

npm config set proxy http://proxy.xxx.com:8080

如果确定网络是配置没问题，插件安装还是失败，有可能是node版本过低或者缓存导致的，这时候可以使用命令清除一下缓存，并更新一下node的版本。

npm cache clean -f
npm install -g n
n stable

2、问：到底选择命令操作方式还是可视化操作方式好？

答：两种方式都可以使用，甚至可以混合使用，取决于个人喜好，可视化操作是建立在命令操作方式之上的，相对会更加完善，具有方便性，一般情况下效率也更高效一些，但命令操作方式非常的适合基于文件夹维度的项目需求来使用，效率更高，而且命令行中有些挺好用的命令任务并没有完全迁移到界面中去，在命令中使用还是蛮不错的。

3、问：报错如下怎呀处理？

error [email protected]: The engine "node" is incompatible with this module. Expected version "0.8.x".
error Found incompatible module
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

答：在命令后加--ignore-engines参数

4、有时候很容易报一些git,gc++之类的错误，一般都是环境问题，可以安装依赖环境（一般都是针对新电脑，如已安装请忽略此步骤）

请先确保你的电脑环境安装了Git、BuildTools_Full(C++编译工具和Python)，没有的话可以执行下面的命令安装

安装BuildTools

npm i -g build-tools --registry=https://registry.npm.taobao.org

安装Git，Windows下自行下载安装，MacOS下可用以下命令

brew install git

配置Git和Python到环境变量，可输入命令git --version和python --version分别查看是否安装成功，成功后请重新打开命令窗口执行接下来的步骤。

更多内容查看使用教程