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

相关推荐
windliang3 分钟前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试
柒和远方39 分钟前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript
半个落月42 分钟前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
阿黎梨梨1 小时前
TypeScript 类型编程:从新手到 Harness 工程实践
前端
黄金决明子1 小时前
Vue3 + Vite 打包后打开空白?
前端
张龙6871 小时前
终端效率翻倍实战:fzf + zoxide + ripgrep + bat 组合拳,告别重复敲命令
前端
宿6741 小时前
vue3-env环境
前端·vue.js
蔬菜_1 小时前
前端转全栈-day5(数组、list、set)
java·前端·数据结构·list
汉堡大王95271 小时前
Vue 3 + TS + Element Plus 实战:如何从零搭建企业级违章记录管理 SaaS 前端
前端·javascript·vue.js
minimoon_jojo1 小时前
Ant Design 树形表格渲染原理
前端