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

相关推荐
天问一3 小时前
前端通过用户权限来显示对应权限的页面
前端·html
2401_860494703 小时前
在React Native鸿蒙跨平台开发中实现一个计数排序算法,如何使用一个额外的数组来统计每个值的出现次数,然后根据这个统计结果来重构原数组的顺序
javascript·react native·react.js·重构·ecmascript·排序算法
222you3 小时前
vue目录文件夹的作用
前端·javascript·vue.js
月屯3 小时前
pandoc安装与使用(html、makdown转docx、pdf)
前端·pdf·html·pandoc·转docx、pdf
qq_12498707533 小时前
基于Spring Boot的阳光餐盘点餐系统(源码+论文+部署+安装)
java·vue.js·spring boot·后端·毕业设计
我爱学习_zwj3 小时前
Node.js模块化入门指南
前端·node.js
Shirley~~3 小时前
开源项目PPtist分享
前端·typescript·vue
yanghuashuiyue3 小时前
TypeScript是JavaScript超集-百度AI灵魂拷问
前端·javascript·typescript
光头程序员4 小时前
Vite 前端项目 - CSS变量智能提示
前端·css