SpringBoot+Vue项目创建

最近学到了Vue,但是刚开始对于项目的创建一头雾水,所以写了这个笔记,以免在之后的学习无从下手。

1.创建一个空项目

2.创建后端项目

右键项目根目录,选择new module

这里我们可以创建Maven项目自己改成SpringBoot项目,也可以直接创建SpringBoot项目。

我们直接创建

3.创建前端项目

项目根目录右键,new module

选择vue

创建后,点击npm install

前后端项目就创建好了

idea配置npm运行vue文件

package.json是package.json所在的位置

command是要运行的命令

Scripts选择dev

Node interpreter是Node.js的位置,通过选择不同位置可以选择版本

Package manager同理

点击Apply再ok

随后运行

点击local网址

这个页面代表vue搭建好了

相关推荐
Days205019 分钟前
简单处理接口返回400条数据本地数据分页加载
前端
MZ_ZXD00121 分钟前
springboot旅游信息管理系统-计算机毕业设计源码21675
java·c++·vue.js·spring boot·python·django·php
Novlan125 分钟前
@tdesign/uniapp 图标瘦身
前端
ManThink Technology29 分钟前
如何使用EBHelper 简化EdgeBus的代码编写?
java·前端·网络
铅笔侠_小龙虾42 分钟前
Flutter 实战: 计算器
开发语言·javascript·flutter
大模型玩家七七1 小时前
梯度累积真的省显存吗?它换走的是什么成本
java·javascript·数据库·人工智能·深度学习
. . . . .1 小时前
shadcn组件库
前端
2501_944711431 小时前
JS 对象遍历全解析
开发语言·前端·javascript
发现一只大呆瓜2 小时前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
css趣多多2 小时前
ctx 上下文对象控制新增 / 编辑表单显示隐藏的逻辑
前端