/nore

前端页面可视化开发工具

Primary LanguageTypeScript

NoreCode

前端自动切图工具

1、关于自己

我是一名在游戏公司的网站部门上班的前端开发工程师，大部分工作来自于公司各个游戏的活动页面开发

2、为什么想开发这个项目

由于大部分页面是短频快的活动类页面，发现自己的大部分时间在写css上，margin，positon，我觉得这样的工作效率很低，所以希望有一款工具能够贯穿我前端开发的整个工作流程，从切图到动画编辑，再到测试，验收，发布；我知道这是一个庞大的工程；但是还是希望能够能够一步一步把自己想要的东西完成；首先我想先从自动切图开始，已经完成了这部分功能，但是还有优化的细节；

3、期待你的加入

自知我一个人的力量很有限，期待志同道合的人一起探讨，一起完成一件很有趣的事情；

如果有同样想法，想要完善前端开发工作流的同事能够一起参与进来；

如果你是一名在这方面有一定经验的人，希望能从你身上获得一些经验；

qrcode

你可以通过下方的链接下载并了解现有的进度

下载地址：http://nore.focusbe.com/

Nore

技术选型：vue electron webpack typescript

主要功能：

  1. 可视化添加，移动，编辑组件
  2. 组件包含：图片、文字、容器等

使用方法：

npm install
npm run dev #启动开发模式
npm run build #运行打包构建

----NEXT----

  1. 图片转换为其他组件功能
  2. 容器转换为其他组件

----BugList----

  1. 文字显示被截取（liaohui）fixed
  2. 双击打开页面不直观（liaohui）fixed