YApi接口管理系统本地部署进行二次开发

1 安装MongoDB
菜鸟教程安装:https://www.runoob.com/mongodb/mongodb-window-install.html

2 安装Node.js和npm
菜鸟教程:https://www.runoob.com/nodejs/nodejs-install-setup.html;
查看Node.js版本:

node –v

查看npm版本:

npm -v

3 部署yapi
打开要创建项目的路径,
创建文件夹:

mkdir yapi
cd yapi

下载项目,进入项目复制项目配置文件:

git clone https://github.com/YMFE/yapi.git vendors
cp vendors/config_example.json ./config.json

复制后的config文件相对项目位置

安装依赖包,初始化数据:
cd vendors npm install --production --registry https://registry.npm.taobao.org npm run install-server
配置的初始化数据文件config.json:
YApi接口管理系统本地部署进行二次开发_第1张图片

3.5启动开发环境服务器,执行如下命令:

npm run dev

4 安装打包工具
安装webpack

npm install -g webpack  //全局安装
npm install --save-dev webpack  //安装到项目目录

安装ykit

npm install ykit -g

5 生产环境用ykit执行打包

ykit pack -m

开发环境用ykit执行打包

ykit pack

6 启动生产环境服务器
node server/app.js

7、启动开发环境本地调试(热更新):
先启动服务端:

npm run dev-server

YApi接口管理系统本地部署进行二次开发_第2张图片
再启动客户端:

npm run dev-client

YApi接口管理系统本地部署进行二次开发_第3张图片
8、window环境下调试注意:
直接使用命令npm run dev不能实现热更新,
具体看package.json文件,
YApi接口管理系统本地部署进行二次开发_第4张图片
具体还没有时间弄明白,可能是powershell执行命令

npm run dev-server & npm run dev-client
cp -r static/iconfont ./

可能报错导致客户端不能启动;

9、启动后的页面图
YApi接口管理系统本地部署进行二次开发_第5张图片
3000和4000端口已经启动,如果直接使用npm run dev命令,在chrome调试页面只启动了3000端口,无法加载修改的代码。

你可能感兴趣的:(YApi接口管理系统本地部署进行二次开发)