创建接口
yapi pro


安装NODE


切换到淘宝镜像
npm config set registry https://registry.npmmirror.com



创建vue项目
新建文件夹,在该文件夹打开终端,输入
vue ui




使用vscode打开-资源管理器-打开文件夹

在vscode中CTRL+shift+p,输入npm选择第一个

运行和修改端口

//在vue.config.js修改
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
//修改终端
devServer: {
port:7000
}
})