基于react的YAPI实战指南

基于react的YAPI 示例

新增项目扩展
- 遇到的问题，更改页面内容没有生效
- 可能遇到的问题

新增项目扩展

支持设置项目权限【公开】

react 复制代码

<RadioGroup>
                  <Radio value="private" className="radio">
                    <Icon type="lock" />私有<br />
                    <span className="radio-desc">只有组长和项目开发者可以索引并查看项目信息</span>
                  </Radio>
                  <br />
                  <Radio value="public" className="radio">
                    <Icon type="unlock" />公开<br />
                    <span className="radio-desc">任何人都可以索引并查看项目信息</span>
                  </Radio>
                </RadioGroup>

遇到的问题，更改页面内容没有生效

原因分析：

需要先打包 npm run build-client 【我之前没有打包】
再进行npm run start 【就可以看到最新修改效果】

json 复制代码

"scripts": {
    "dev-copy-icon": "cp -r static/iconfont ./",
    "dev-server": "nodemon server/app.js dev -L",
    "install-server": "node server/install.js",
    "dev-client": "npm run dev-copy-icon && ykit s -p 4000",
    "dev": "npm run dev-server & npm run dev-client",
    "start": "node server/app.js",
    "test": "ava",
    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
    "build-client": "NODE_ENV=production ykit pack -m",
    "npm-publish": "node ./npm-publish.js",
    "docs": "ydoc build"
  },

可能遇到的问题

1.如果是Windows 系统运行NODE_ENV=production ykit pack -m 命令可能会报错

解决方案：替换命令为

···

cross-env NODE_ENV=production ykit pack -m

···