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

相关推荐
Da Da 泓41 分钟前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
zxcvb1531 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档
niucloud-admin2 小时前
NIUCLOUD PHP SAAS上门家政使用文档:城市管理
java·前端·php
程序员大阳2 小时前
副队长JavaScript教程(50)-DOM:网页开发的起点
javascript·dom·es·节点·概念·document·关系
北岛贰2 小时前
啵啵音乐迎来全新升级!
前端
hkNaruto4 小时前
【AI】基于大模型的AI游戏地图生成、控制方案:AI Native Game Harness 迁移操作手册
前端·人工智能·游戏
IT_陈寒4 小时前
Java序列化踩坑记:对象循环引用让我加班两小时
前端·人工智能·后端
Acro4 小时前
快给macOS 上的Grok Bot换一套皮肤
前端
flash俊杰4 小时前
双引擎 OCR 编排:逐页判定、视觉优先、partial 语义与三层超时
前端
计算机魔术师4 小时前
Reddit 每周被 Google 偷走 100 万次点击,CEO 摊牌了
前端