weflow(前端开发工具)

weflow是一款十分不错的前端开发工具，该软件基于tmt-workflow工作流，代码开源可定制，具有高效、强大、跨平台的特点，支持微信游戏，朋友圈广告，微信城市服务，微信摇电视。

基本介绍

weflow是一个高效、强大、跨平台的前端开发工作流工具，WeFlow核心代码基于微信TmT团队的tmt-workflow工作流项目进行开发。

软件功能

自动化流程

Less / Sass -> CSS 编译

CSS Autoprefixer 前缀自动补全

自动生成图片 CSS 属性，width & height 等

CSS cssnano 压缩

CSS Sprite 雪碧图合成

Retina @2x & @3x 自动生成适配

Imagemin 图片压缩

JS 合并压缩

EJS 模版语言

调试 & 部署

监听文件变动，自动刷新浏览器 (LiveReload)

S/FTP 发布部署

Zip 项目打包

解决方案集成

px -> rem 兼容适配方案

智能 WebP 解决方案

去缓存文件 Reversion (MD5) 解决方案

软件特点

1.傻瓜式网页设计制作平台是一个帮助不会设计网站的用户无需代码即可完成网页ui设计的网站，让你网页设计无压力;为了让用户在不需要懂编程的前提下，让建造一个网站变得非常容易上手。

2.Webflow试图帮助那些毫无编程概念的设计师将自己的创意发挥出来，已经有将近10000用户的它最大的特点就是和Froont相似的在线响应式网页设计平台，它能够根据浏览网页设备的不同自动对网页进行大小调整和排版，并且兼容的设备平台包括了 PC，平板和智能手机。最后用户在完成从设计到CSS构架之后，甚至可以在线直接将建好的网页发布，而不需要导出代码到其他发布工具上。

3.Webflow对于市场的定位一开始就不在于中小企业，而是那些为客户制作网页的设计师。这和很多在线网页编辑公司的思路大相径庭。

操作教程

自动化流程

Less / Sass -> CSS 编译CSS Autoprefixer 前缀自动补全自动生成图片 CSS 属性，width & height 等CSS cssnano 压缩CSS Sprite 雪碧图合成Retina @2x & @3x 自动生成适配Imagemin 图片压缩JS 合并压缩EJS 模版语言

调试 & 部署

监听文件变动，自动刷新浏览器 (LiveReload)S/FTP 发布部署Zip 项目打包

解决方案集成

px -> rem 兼容适配方案智能 WebP 解决方案去缓存文件 Reversion (MD5) 解决方案