billyma128 / page-creator-ide

page visual creator - 页面可视化搭建平台

概览

page-creator-ide

安装使用

npm 包方式：

npm install --save page-creator-ide

web 方式：

<script src="https://unpkg.com/page-creator-ide@0.1.0/dist/index.umd.js"></script>

引入之后将会暴露全局变量 pageCreatorIDE.

如果你想要在 webpack 中 external 该库，可以使用以下配置：

{
    externals: {
        "page-creator-ide": {
            "commonjs": "page-creator-ide",
            "commonjs2": "page-creator-ide",
            "amd": "page-creator-ide",
            "root": "pageCreatorIDE"
        }
    }
}

如何本地开发？

本地调试

首先从 git 仓库拉取代码，安装依赖项：

git clone https://github.com/alibaba-paimai-frontend/page-creator-ide.git

npm install

## 安装 peerDependencies 依赖包
npm install ide-code-editor@0.x.x ss-tree@1.x.x antd@3.x mobx@4.x mobx-react@5.x mobx-state-tree@3.x react@16.x styled-components@4.x.x react-dom@16.x

运行以下命令后，访问 demo 地址： http://localhost:9000

npm run dev

也可访问 storybook 参考具体的使用案例：http://localhost:9001/

npm run storybook

P.S. 由于需要依赖 ide-code-editor 仓库比较特别，需要：

1. 将ide-code-editor 仓库下载到本地
2. 本地运行 npm run build 打出其 dist 目录
3. 开启本地服务器的 9005 端口，推荐使用 http-server：

运行测试用例

使用 jest 进行测试，执行：

npm test

打包发布

普通的 npm 发布即可，记得发布前需要手动打包：

npm run build && npm publish