web-painter

Version. (pre-alpha)

This is a WYSIWYG web page editor built by Electron.

点击进入项目首页

开发及部署

安装依赖

这儿除了Electron大致使用了以下框架，所以要做一些配置：

• React
• Webpack

$ cd path/to/repo
$ npm install

一些预处理任务

因为这个项目将会输出文件，我们会将一些bundle预处理好，这样可以防止在程序中进行过多的处理，浪费时间。

现在有这么些预处理任务：

• 样式文件预处理，这个处理将一些预设样式和标准样式统统打包进入一个样式文件中，这个文件将存放到app/htmlTemplates/export/bundle.css.wpexport中。

$ node utils/getBundleCss.js

开发环境

0. 启动静态文件代理

$ npm run dev-assets

这一步会将assets目录代理到http://0.0.0.0:8889以给下面的server使用

1. 打开Webpack-dev-server，这可以让我们的app代码时实时更新，替换样式之类的再也不用重启app啦！

$ npm run dev-file

2. 启动Electron

$ npm run dev-app

部署环境及打包APP

1. 清理之前的数据

$ rm -rf dist

2. 执行部署环境

$ npm run deploy-file
$ npm run deploy-app

3. 进入dist目录，并安装依赖

$ cd dist/
$ npm install

4. 打包APP（选择相应的系统，请看package.deploy.json，这个文件将在第2步中被复制到dist/package.json）

这里以mac系统为例

$ npm run dist:darwin

5. 在相应的目录下获得最终APP，以Mac为例

dist
├── Web Painter-darwin-x64
    ├── Web Painter.app           # You can rename it like normal app
    └── […other files, like LICENSE…]
└── […other bundled files, like index.html]

更多详细信息请参照docs/module_bundle_package.md文件。

推荐使用cnpm

BUG和提交新功能

请阅读Issue提交指南。

版本说明及历史

请查看UPDATES。

LICENSE

Copyright 2015-2016 Xu Xiaomeng(@sekaiamber)

Released under the MIT and GPL (version 2 or later) Licenses.