使用mock

  1. npm i  mockjs -S
  2. npm i  vite-plugin-mock -D

引用依赖：

  1. // vite.config.js
  3. import { viteMockServe } from 'vite-plugin-mock';
  5. export default {
  6.   plugins: [viteMockServe()]
  7. }

代码规范

我们需要借助 eslint 和 prettier 来规范项目代码。

依赖包：

  1. npm i @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/eslint-config-prettier @vue/eslint-config-typescript @vuedx/typescript-plugin-vue eslint prettier eslint-plugin-prettier eslint-plugin-vue -D

因目前有版本限制，用以下备好的版本：

  1. {
  2.   "@typescript-eslint/eslint-plugin": "^4.15.2",
  3.   "@typescript-eslint/parser": "^4.15.2",
  4.   "@vue/eslint-config-prettier": "^6.0.0",
  5.   "@vue/eslint-config-typescript": "^7.0.0",
  6.   "@vuedx/typescript-plugin-vue": "^0.6.3",
  7.   "eslint": "^7.20.0",
  8.   "prettier": "^2.2.1",
  9.   "eslint-plugin-prettier": "^3.3.1",
  10.   "eslint-plugin-vue": "^7.6.0",
  11. }

eslint配置

.eslintrc.js
image.png

package.json配置

  1. {
  2.   "scripts": {
  3.       "lint": "eslint --ext .ts,vue src/** --no-error-on-unmatched-pattern" 
  4.   }
  5. }

配置babel

babel.config.js

  1. module.exports = {
  2.     presests: [
  3.       ['@babel/preset-env', {targets: {node: 'current'}}],
  4.     '@babel/preset-typescript'
  5.   ]
  6. }