使用vue的准备工作

前提装好npm；

1.安装vue.js

npm install vue vue-cli -g

-g：表示这个包安装后可以全局使用

2.visual studio code 安装插件

安装：gitee
pont(根据后端swagger接口生成API，根据项目中pont-config.js中配置)

{
  "originUrl": "",
  "outDir": "./src/api",
  "templatePath": "./serviceTemplate",
  "usingMultipleOrigins": true,
  "origins": [
    {
      "name": "ccrm",
      "originUrl": "http://127.0.0.1:8888/v2/api-docs"
    }
  ]
}

3.在项目目录下执行：npm install 安装所需依赖（项目中package.js中配置）

{
  "name": "ccrm-desktop",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@types/vue-ls": "^3.2.1",
    "ant-design-vue": "^1.6.0",
    "axios": "^0.19.2",
    "core-js": "^3.6.5",
    "enquire.js": "^2.1.6",
    "lodash": "^4.17.15",
    "mockjs2": "^1.0.8",
    "nprogress": "^0.2.0",
    "vue": "^2.6.11",
    "vue-class-component": "^7.2.3",
    "vue-i18n": "^8.17.6",
    "vue-ls": "^3.2.1",
    "vue-property-decorator": "^8.4.2",
    "vue-router": "^3.1.6",
    "vue-svg-component-runtime": "^1.0.1",
    "vuex": "^3.4.0",
    "vuex-class": "^0.3.2",
    "vuex-module-decorators": "^0.17.0"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^2.34.0",
    "@typescript-eslint/parser": "^2.34.0",
    "@vue/cli-plugin-babel": "^4.3.1",
    "@vue/cli-plugin-eslint": "^4.3.1",
    "@vue/cli-plugin-router": "^4.3.1",
    "@vue/cli-plugin-typescript": "^4.3.1",
    "@vue/cli-plugin-vuex": "^4.3.1",
    "@vue/cli-service": "^4.3.1",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^5.0.2",
    "antd-theme-webpack-plugin": "^1.3.4",
    "eslint": "^7.0.0",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^6.2.2",
    "less": "^3.11.1",
    "less-loader": "^6.1.0",
    "lint-staged": "^10.2.4",
    "pont-engine": "1.0.3",
    "prettier": "^2.0.5",
    "typescript": "~3.9.2",
    "vue-cli-plugin-ant-design": "^1.0.1",
    "vue-svg-icon-loader": "^2.1.1",
    "vue-template-compiler": "^2.6.11"
  },
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.{js,jsx,vue,ts,tsx}": [
      "vue-cli-service lint",
      "git add"
    ]
  }
}

4.点击同步

即可同步后端接口生成API