脚手架名称为@mileage/cli

初始化 vue

mileage-cli init vue my-project

增加一个mock服务的集成

# 1. 单独的服务
npm i @mileage/mock -g

mileage-mock mock 你的存放mock的json文件夹 你的端口（默认3000）

# 示例
mileage-mock mock D:\mileage-mock\mock 9090



# 2. 通过脚手架
npm i @mileage/cli -g

mileage-cli mock 你的存放mock的json文件夹 你的端口（默认3000）

# 示例
mileage-cli mock D:\mileage-mock\mock 9090



-----------  demo ------------



# mock文件夹的结构
mock
 data.json
   {
     "res": 200,
     "data|1-10":[
       {
         "id|+1": 1,
         "name": "张三",
         "age": "20"
       }
     ]
   }

# 访问
localhost:9090/mock/data
localhost:9090/mock/data.json

# 响应结构
{
    "res": 200,
    "data": [
        {
            "id": 1,
            "name": "张三",
            "age": "20"
        },
        {
            "id": 2,
            "name": "张三",
            "age": "20"
        },
        {
            "id": 3,
            "name": "张三",
            "age": "20"
        },
        {
            "id": 4,
            "name": "张三",
            "age": "20"
        },
        {
            "id": 5,
            "name": "张三",
            "age": "20"
        }
    ]
}