legoflow / legoflow

更轻、更强、开箱即用的 前端工作流客户端

LegoFlow 2

更轻、更强、开箱即用的 前端工作流客户端

功能

• Webpack 4x 的 JS 模块编译，支持各类模块规范
• Babel 7 ES.NEXT JS 编译
• Vue.js 2.x 开发环境
• Sass 编译
• Autoprefixer 自动补全
• 移动端 REM 适配方案
• 生成图片信息，智能图片压缩
• Base64 图片，雪碧图
• EJS 模板编译
• 自动内联样式脚本
• 自动替换线上资源地址
• ......

开发

应用是通过 Electron 作为核心框架，构建出跨平台应用。在开发启动应用之前，请先拉取仓库，以及安装开发环境依赖。

# node version = v8.x
node -v

# 全局安装 electron v1.8.4
npm i [email protected] -g

# 进入拉取的仓库文件夹
cd ./legoflow

# 安装依赖
npm install

启动应用

npm start

打包应用，若打包过程中出现错误，请参考 electron-packager 使用文档。

# 打包 macOS 应用
npm run package:mac

使用说明

查看 2.0 使用说明

更新日志

查看 CHANGELOG

下载

→ 百度云盘 下载地址

→ 腾讯云盘 下载地址

若出现以上源都无法下载，请加 Q 群下载群共享文件

v1.0 版本

https://legoflow.com/v1

反馈

遇到问题或者有更棒的想法，欢迎大家提出 issues 或 PR.

交流 Q 群 457756220

许可

MIT

legoflow's Issues

mobile项目 toRem 尺寸换算疑问？

2.0beta7生成的移动项目，切假设设计稿为750，有一宽度为100px（直接ps量的100px），使用ToRem函数处理单位，那么当浏览器视窗大于等于750时（已添加750断点查询），该元素在开发者工具中的宽度尺寸正常应该是100px，但实际上不是100px。

torem函数的内部实现为 px / （750 /16 / 1rem）, 难道不应该是 0.01rem * px? 所以 100px，正好是1rem，当窗口大于等于750时，元素尺寸正好是100px。

[2.0] Future

LegoFlow 对外服务以来，应对的是更加复杂的 PC 环境，感谢各位的反馈，让应用的稳定性有更大的提升，功能上也得到了补充。

而其核心依赖的模块经过这一两年的发展，也有了重大的更新，为了适配这些更有效率的特性，LegoFlow 将会升级到 2.0 版本。

进过详细的思考以及商榷，主要涉及到的功能有：

• Webpack 3x or 4x ( IE8 is no longer supported )
• Babel 7
• 支持 ES next
• UI & 交互优化 ( 主要涉及 项目列表 与 通知 两个栏目 )
• 功能减法 ( 一些额外功能交由自定义编辑 Shell 脚本完成 & 衡量核心功能点 )
• 构建优化 ( override 通过模块自动完成 )
• Open source or version cli
• 构建 -> 部署
• Shell Store
• User node_modules
• Inset Node PKG
• ? PWA 脚手架
• ? 线上 构建

期望你提出更棒的想法。

大佬们有开源的想法么。

如题，对构建这块很感兴趣，想学习学习。

怎么配置代理，我复制vue配置代理进去根本不行

proxyTable: {

    '/web': {


        target: 'http://xxx.aa.cn',

        changeOrigin: true,

        pathRewrite: {
          '^/web': '/web'
        }
    }
},

the output dir name generates failed in windows, and the live preview does not work well

I manual define the output dir as E:\\work\\h5\\admin.com\\abc in legoflow.json, and i leave the dist option empty. Then build a new version, the build is successful, but it doesn't make the abc dir as excepted withing an empty dir name. beyong that, the live preview url remain to be the dist, but the dist has gone. I guess that if you first make a dist dir to save builded files ,then rename dist to output? if so, the live preview url should be the output path?

(Mobile) 时候 _index.html?dev 调用不出调试小工具

环境

• 版本号: 2.0.0-beta.7
• 系统版本: mac 10.14.2 chrome 71
• 是否必现: 是

描述

重现步骤

1，移动端常用脚手架(Mobile) 时候 _index.html?dev 调用不出调试小工具，要在命令（console）toLog() 手动调用出来。
2，Vue.js 模式 是可以正常调用出

打不开以下磁盘映像 破坏的映像

mac版的，不管哪里下载的都是这样的。

stylus

支持stylus吗？如果不支持，希望加入多个css预处理器，让用户自己选择

[2.0] 使用说明

🎉 vs 1.x

• 优化了一些 UI 界面交互操作

• 删减了一些极少使用的功能

- https / other / output / dist / packCommon / WebP 
- Proxy / isPackVueStyle / isUglifyJs
- legolib / Tiny / 上传预览 / 组件模块开发 / ...

• 增加了一些较先进的功能

+ Electron v1.8.4 ( node v8 support async / await / ... )
+ babel v7 ( optional-chaining / pipeline-operator / ... )
+ WebPack v4.5

---

🎉 全局设置

• 实验室：该配置打开后会接受 Preview 版本的提示，以及一些实验性功能
• NodeBin：Shell 模块的扩展 ( 详情 )
• 更多

---

🎉 配置

增加支持 legoflow.json / legolfow.yml / legoflow.js 扩展配置文件的阅读性、扩展性

默认使用 legoflow.yml，详细 参考文档

开发环境在win8下启动很慢，大概需要20分钟

如果我用的是webpack自己配置的，启动就1，2秒，咋回事

拖拽项目进入启动报错？

都是 win7 x64系统 昨天建的项目，拿另一台电脑，复制过来的LegoFlow 和项目，启动报错如下：
启动中，请稍候...
Error: ReferenceError: conolse is not defined
Error: ReferenceError: conolse is not defined
Error: ReferenceError: conolse is not defined

多页面公共模板

请问pc多页面的公共页面模板怎么处理？

官网顶部的导航栏里的链接，target都是_bank，好像没有这种写法吧

真的不应该是_blank么:-D

请问为何Mac上每次启动项目会把我的虚拟机打开？这个可以更改设置吗

貌似是关联了虚拟机的浏览器，但我想设置成Mac的浏览器启动，但是找不到设置项？请问可以修改吗

能不能增加一下创建iview项目

用iview比较多