日常使用代码片段
- express mock服务器代码规范
- 生成真实接口的定义文件[
GET|POST|PUT|DELETE]4种方式
打包方式
vsce package
前缀
1. yapi-2-mock-[从yapi文件到server mock]
1.1 yapi-2-mock-get
1.1 yapi-2-mock-post
1.1 yapi-2-mock-delete
1.1 yapi-2-mock-put
生成的内容直接替换选中的内容
yapi copy过来的路径, 直接生成mock代码片段[一步到位]
/api/sale/{case}/detail/{caseId}
生成
const detailCaseId = require('./mock/0x_case-id.js')
// comment
router.get('/mock/2016/api/sale/:case/detail/:caseId', (req, res) => {
// const { query: { todo } } = req
res.json(detailCaseId)
})
2. yapi-2-action[从yapi文件到actionCreate文件]
根据yapi直接生成action内容 from
// 配置查询
// GET
// /api/config/queryByKey
# [模块名称]隐含获取
# 这块内容放到要生成的actionCreator.ts文件位置
to
// 配置查询
getQueryByKey: {
url: `${mockPrefix}/api/config/queryByKey`,
method: 'GET',
actionType: actionTypes.GET_QUERY_BY_KEY_模块名称
},
3. action-2-component-[从actionCreate文件到component文件]
3.1 action-2-component-get
3.1 action-2-component-post
选中后生成的内容到剪切板
| |
