项目简介

此项目是基于Vue.js框架开发的工程模板，针对前端组件开发和测试做了一系列配置与优化。支持使用Storybook进行组件开发与测试，集成JEST开展单元测试，还内置热重载的Mock服务器代理，方便前后端模拟交互。

项目的主要特性和功能

1. Storybook支持：借助Storybook高效组织和构建UI组件，可在真实环境中预览组件。
2. Mock服务器代理配置：配置Mock代理服务器解决跨域问题，将所有/api的HTTP请求代理到指定目标服务器，支持自定义Mock数据。
3. 单元测试集成：使用JEST进行单元测试，保障代码质量和稳定性。
4. 内置Mock用例编写指导：详细说明Mock用例编写方法，支持文件上传功能，便于进行文件测试和模拟上传操作。

安装使用步骤

安装依赖项

bash npm install / yarn install 注意要更改package.json文件的工程名称。若出现如“ERROR: Found bindings for the following environments: - Windows 64-bit with Node.js ... ”的问题，可运行npm install node-sass / yarn add node-sass解决。

启动开发服务器

bash yarn serve 启动后会开启Mock代理服务器，前端访问http://api/xxx的请求会被代理到http://localhost:7511/xxx。Mock服务器详细配置在vue.config.js和mocks文件夹中，可调整配置改变代理行为和Mock数据，修改Mocks用例文件可更改Mock返回数据或新增接口。更多配置可参考Vue CLI的配置参考文档。

启动Storybook

bash yarn run stroybook 启动后会自动开启Mock代理服务器，Mock服务器配置在.storybook/middleware.js。默认启用了多个Storybook插件，关于stroybook开发使用方法可查看stories文件夹及官网教程。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】