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搭建好了

相关推荐
粥里有勺糖12 分钟前
安利一下最近用的桌面“Agent” | T3 Code
前端·github·ai编程
xy345318 分钟前
Axure 9.0 动态面板基本操作
前端·ui·html·axure·原型·产品设计
不停喝水26 分钟前
【前端转全栈java速通课】 项目实战④7-11节 操作数据库-登录-注册-修改密码-注销-mubatis-plus简化crud-
java·前端·数据库
一水鉴天1 小时前
统一对象拓扑(UOT)设计全链定稿:从三件事分离到三继承 之1 20261010(豆包“查看聊天内容”继续)
前端·css
杨杰3981 小时前
我给嵌入式设备写了个 6MB 的 JavaScript 运行时(xuan)
javascript
栖凤1 小时前
Java 的 try-catch 在 Agent 里失效了,我用了 5 个模式才兜住
java·前端·python
粥里有勺糖2 小时前
视野修炼第136期 | 前端小恐龙"Deno"被收购
前端·github·ai编程
修炼的dance2 小时前
页面塞了13.88 MB字体,导出的PDF只有71 KB
前端
qq_369173632 小时前
如何将 AI 生成的 HTML 网页发布成在线链接?不用自己搭建服务器
前端·人工智能·html·效率工具·html 发布
风花一世月2 小时前
⚡ 我把一座含氢能源园区搬进了浏览器(五类能流实时算守恒,在线直接玩)
前端·人工智能