Mock.js篇1：安装入门

最新推荐文章于 2025-04-03 10:00:22 发布

mykefei

最新推荐文章于 2025-04-03 10:00:22 发布

阅读量957

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/u013089490/article/details/84938461

版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍如何在项目中安装并使用Mock.js，通过具体示例演示如何生成模拟数据，适用于初学者快速上手。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、Mock.js安装

假如我们的项目是在D:\Vs_Code\mockDemo，我们现在来安装mock.js

#进入工程目录
C:\Users\jun>cd d:\Vs_Code\mockDemo
#安装mockjs
d:\Vs_Code\mockDemo>cnpm install mockjs
√ Installed 1 packages
√ Run 0 scripts
√ All packages installed (2 packages installed from npm registry, used 828ms(network 823ms), speed 879.04kB/s, json 2(5.3kB), tarball 718.15kB)

2、入门小demo

【在工程下编写一个test.js】

//引入mockjs
let Mock=require('mockjs')
let data=Mock.mock({ //Mock.mock()方法模拟生成方法
    'list|5':[
        {
            'id':1,
            'name':'测试'
        }
    ]
})
//JSON.stringify()方法把一个对象转换为字符串，该方法第二参数是数据转换，第三个参数缩进字
console.log(JSON.stringify(data,null,2 ))

【运行该工程】