通过vue ui创建项目
确认前端环境都安装好之后 打开黑窗口 输入 vue ui
会打开一个vue的网页 在此创建项目 可以选择在那个路径创建
这是我的项目配置
这里是选择vue版本 我要用的是vue2 选好点击创建项目就好了
创建好后的重点的目录结构以及结构的作用
启动前端工程 将创建好的项目导入编译器 我这用的是vscode
按ctrl j键打开终端 输入npm run serve 启动服务器
这的serve指的是package.js 里边的这个serve ，表示执行这里边的脚本
注意 因为这里占用的端口是8080 与后端的服务器有冲突 所以我们要修改一下端口号
在vue.config.js中加入代码 重新npm run serve 就好了
module.exports = defineConfig({transpileDependencies: true,devServer: {port: 7070}
})