为什么要自己搭建Easy-Mock?
自己最近一直在分享前端甜小白系列的教程,已经分享到第八篇,至此我们要进入下一个阶段项目和案例分享,要涉及到和后台进行数据交互,那么问题来了,作为前端开发攻城狮不会写后台数据,只会本地造假数据,与实际的企业开发差距较大,为了模拟企业级真实开发,为了帮助大家能顺利的自己写API数据推荐大家使用Easy-Mock工具来创建API数据接口,但是官方网站 www.easy-mock.com/ 由于是开放的,导致很多人都在用,经常会出现进不去的现象,好在官方开放了源码,我们可以在本地或者在服务器搭建一套自己的Easy-Mock.下面我就来分享下在Mac系统下本地搭建Easy-Mock。
安装Easy-Mock有两种方式:
- 1.通过
Homebrew - 2.手动配置
homebrew一直没成功,所以本文分享手动安装。
一、系统环境
- 苹果系统(Mac)
- redis-5.0.2
- mongodb-osx-ssl-x86_64-4.0.4
- easy-mock最新版
- node 8.9.1 (一定要是8.9版本，开始用了高版本装不起来，建议用nvm管理node版本)
二、安装node版本管理nvm(已安装的小伙伴可跳过此步)
- 1.打开终端输入
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash - 2.通过
vi或vim命令打开.bash_profile并添加以下代码,如果没有.bash_profile文件那么自己创建一个
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
# This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
# This loads nvm bash_completion
vi .bash_profile 打开文件然后按i进入编辑模式,复制以上代码到编辑器里,然后点击Esc键退出,然后按住shift:输入wq回车保存
一般，安装完后我们都会输入 nvm -v 来查看是否真的安装好了。结果。。。很不幸的，它提示到：
command not found: nvm
遇到上面的错误不要着急,原因是你刚在.bash_profile加的东西没生效导致的,此时在终端输入:
source .bash_profile
如果还是不行的话,建议以下方法
touch ~/.bash_profile
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
安装好之后通过nvm install 8.9.1安装node 8.9.1版本
三、安装redis
下载 download.redis.io/releases/re… 并解压到桌面
进入桌面cd Desktop/然后把解压好的文件移动到/usr/local/redis
输入以下命令:
sudo mv redis-5.0.2 /usr/local/redis
cd /usr/local/redis
sudo make test
sudo make install
redis-server
看到下面这张图,就说明你的redis安装成功了!
安装mongodb
下载 fastdl.mongodb.org/osx/mongodb… 并解压到桌面
到桌面目录下执行:
sudo mv mongodb-osx-x86_64-4.0.4 /usr/local/mongodb
在.bash_profile(如果没有则创建)文件中添加环境变量
export PATH=/usr/local/mongodb/bin:${PATH}
然后执行:
source ~/.bash_profile
创建/mongodb/data/db文件夹
sudo mkdir -p /mongodb/data/db
注意:如果sudo mkdir -p /mongodb/data/db 这种方式创建不成功,推荐sudo mkdir一层一层的创建文件夹
到mongodb安装目录的bin目录/usr/local/mongodb/bin执行
./mongod --dbpath /Users/frru/mongodb/data/db
./mongo // 如果是再次启动,不需要这句了
四、安装easy-mock
git clone https://github.com/easy-mock/easy-mock.git
cd easy-mock && npm install
启动：到easy-mock项目目录下执行
nvm use 8.9.1
npm run dev
五、访问查看效果
大功告成!
参考连接:
欢迎小伙伴评论转发,记得点赞👍鼓励下哦!
扫一扫下面的二维码,回复学习即可免费领取最新前端学习资料,也希望在前端进阶的路上,我们一起成长,一起进步!
