背景

在前后端分離項目開發前期，為了項目能夠并行進而縮短開發周期，前端項目經常需要自己mock一些數據供項目使用。目前常見且較合理的做法是直接使用第三方平臺或者基于開源的項目搭建自己的mock服務平臺，另一種簡單粗暴的方式就是直接在項目里根據需求硬編碼數據。上述兩種方式，前一種外部依賴較重，后一種后續切換真實接口時成本高，硬編碼的數據復用性也較低。基于上述兩點原因,教大家是用一款輕量、無依賴、簡單、靈活的vscode mock插件amock。

文檔 :https://github.com/gamedilong/amock

使用方法

• 安裝Amock Server插件: 在vscode 插件搜索窗口搜索 amock 然后按裝即可.

• 配置 AMock 服務:當打開你的項目時 ,該插件會自動創建一個默認的.amock 文件夾 和 ./amock/setting.json文件在當前workpace. Setting.json 是服務配置項, 可以按需設置。
• 配置 AMock 單元: 你可以.amock 文件夾下新增Amock配置. Amock 單元配置文件名必須按該規則命名(否則啟動服務時不會檢測該配置) *.amock.js.

• 啟動 AMock 服務: 在VS Code的explorer最下方找到點擊AMock項, 然后點擊啟動服務按鈕 啟動。當Amock output控制臺啟動成功，即可開始使用。可直接在 前端工程使用 或者用瀏覽器 or postman等接口測試工具測試.

• 重載 Amock 服務: 當你修改或者保存 settings.json or *.amock.js 文件. 可以在VS Code的exploer最下方的AMock項點擊重載按鈕，使修改生效

#前端##GitHub##架構# #app#

總結

以上是生活随笔為你收集整理的前端打印第三方插件_vscode mock服务插件amock教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。