important

just used for my-self-vue-template so don't used in any production

Installation

step1: install tsx global

npm i --location=global tsx 

step2: install mock-server

npm i @wn90674/mock-server --save-dev 

step3: create mock data

mkdir src/mock
touch test.mock.mjs

filename should be **.mock.js、**.mock.mjs、**.mock.ts

// login.mock.mjs
export const login = {
  url: '/api/login',
  // default get
  method: 'post',
  // support mockjs
  data: {
    id: '@id',
    userName: '@cname',
    'sex|1': ['0', '1']
  }
}

you can also use ts for some simple type intelligence

// tsconfig.json
"compilerOptions": {
  ...
  ...
  "types": ["@wn90674/mock-server"]
  ...
  ...
},

// getTime.mock.ts
export const getTime = defineMock<{result: number}>({
  url: '/api/getTime',
  data: {
    result: new Date().getTime()
  }
})

step4: start server

// package.json
  "scripts": {
    "mock": "msv src/mock",
  },

# default port 3100
npm run mock -- --port=5000

tsx not support dynamic import .ts file(.mjs is ok),but we can achieve this by using nodemon

// package.json
"scripts": {
  "mock": "nodemon --watch src/mock -e ts --exec msv src/mock",
}