Mac下搭建本地Easy-Mock作假数据

为何要本身搭建Easy-Mock?

本身最近一直在分享前端甜小白系列的教程,已经分享到第八篇,至此咱们要进入下一个阶段项目和案例分享,要涉及到和后台进行数据交互,那么问题来了,做为前端开发攻城狮不会写后台数据,只会本地造假数据,与实际的企业开发差距较大,为了模拟企业级真实开发,为了帮助你们能顺利的本身写API数据推荐你们使用Easy-Mock工具来建立API数据接口,可是官方网站 www.easy-mock.com/ 因为是开放的,致使不少人都在用,常常会出现进不去的现象,好在官方开放了源码,咱们能够在本地或者在服务器搭建一套本身的Easy-Mock.下面我就来分享下在Mac系统下本地搭建Easy-Mock。

安装Easy-Mock有两种方式:

• 1.经过Homebrew
• 2.手动配置

homebrew一直没成功,因此本文分享手动安装。

1、系统环境

• 苹果系统(Mac)
• redis-5.0.2
• mongodb-osx-ssl-x86_64-4.0.4
• easy-mock最新版
• node 8.9.1 (必定要是8.9版本，开始用了高版本装不起来，建议用nvm管理node版本)

2、安装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版本

3、安装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 // 若是是再次启动,不须要这句了
复制代码

4、安装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
复制代码

5、访问查看效果

http://localhost:7300

大功告成!

参考链接:

www.jianshu.com/p/8c40dbda6…

www.imooc.com/article/det…

欢迎小伙伴评论转发,记得点赞👍鼓励下哦!

扫一扫下面的二维码,回复学习便可免费领取最新前端学习资料,也但愿在前端进阶的路上,咱们一块儿成长,一块儿进步!