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…

歡迎小夥伴評論轉發,記得點贊👍鼓勵下哦!

掃一掃下面的二維碼,回覆學習便可免費領取最新前端學習資料,也但願在前端進階的路上,咱們一塊兒成長,一塊兒進步!