OIPage

OI页面快速开发辅助库，包括核心包、Nodejs、浏览器、样式文件等

使用方式

你可以作为一个命令行使用，那么你需要全局安装：

npm install -g oipage

也可以作为项目开发中的一个功能加强，在 package.json 中配置命令或nodejs文件中引入需要的模块使用，那么就在项目中执行安装命令：

npm install oipage --save

全局安装后，就可以直接作为命令行使用了。你可以打印帮助查看：

oipage-cli -h

比如会出现下列内容：

Usage: oipage-cli <command>

    where <command> is one of:
        --help, -h, --server, -s, --version, -v, --config, -c, --delete, --copy, --pick, --move, --network, --get, --post, --cat, --run
    
    oipage-cli --help|-h <term>       search for help on <term>
    oipage-cli --help|-h              involved overview

比如--server或-s命令如何查看具体使用说明？只需要：

oipage-cli -h s

然后看见打印提示：

oipage-cli --server|-s [port|20000]         [2]render source server.

根据提示我们知道，这是一个快速启动一个本地资源服务器的命令，使用的时候可以设置服务器端口号，端口号缺省是20000。

比如我们启动端口为8080的服务器：

oipage-cli -s 8080

对于更复杂的业务，我们推荐使用配置文件的方式。比如我们准备了配置文件 oipage.config.js ，那么就可以：

oipage-cli -c ./oipage.config.js

配置文件的内容如下：

module.exports = {
    devServer: {
        // 可配置参数和“服务器”一致
    }
};

如果你需要在项目中更灵活的使用，我们也提供了一些有用的API，具体如下：

核心包

• animation 动画
• throttle 节流函数

Nodejs

• 服务器
• 命令行参数解析
• 文件相关操作
• 控制台打印
• 网络请求（ajax）
• 网络信息等
• 资源数据
• 图片相关操作
• 文件解析
• 文件读取
• 表单录入

浏览器

• getStyle 获取节点样式
• onReady 解析完执行

样式文件

统一浏览器样式 normalize.css 直接： import 'oipage/stylecss/normalize.css' 即可！

• rasterize 十二栅格化
• skeleton 骨架屏动画

版权

MIT License

Copyright (c) zxl20070701 走一步，再走一步