新手小白运行Springboot+vue项目

通过以上步骤，你已经完成了一个简单的Spring Boot + Vue前后端分离项目的搭建与开发。axios.defaults.baseURL = 'http://localhost:8080' // 后端API地址。前端：在项目根目录下执行 npm run serve，前端项目默认运行在 http://localhost:8081。通过浏览器访问 http://localhost:8081，即可看到从后端获取并展示的数据。后端：在IDEA中启动Spring Boot项目，默认端口为 8080。

目录先启动SpringBoot再启动VUE项目浏览器访问 先启动SpringBoot 再启动VUE项目 浏览器访问 一句话概括就是：各启动各的 1、先启动SpringBoot：在IDEA中找到项目中的XXXApplication，打开后右击启动。 2、再启动VUE项目： 1）打开VUE所在的文件夹，在地址栏中输入cmd。即可打开cmd命令行窗口，且地址是当前VUE项目所在地址。 2）在命令行中输入：cnpm install（然后稍等几十秒） 3）接着输入：cnpm run serve（等待启动完，到10

从github 或者 gitee 下载源码后，解压，再从idea打开项目。

mysql8安装教程，还有mysql的可视化工具navicat的安装以及破解教程以上安装完成之后，即可以进去navicat，右键，然后输入数据库名字，然后运行项目中附带的.sql文件，这样就有了项目运行的数据库文件。

点击“项目设置”里的项目，将项目的语言级别设置为自己项目的SDK版本，这里一般都是选择JDK 17版本的，可以在Oracle官网下载或者点击旁边的下拉符号，找到“下载JDK”，在IDEA里下载也是可以的，但网络不好的情况下可能会下载失败。其中如果是MySQL数据库并且是高版本，driverClassName就和上面的填写一样即可，如果是其他数据库管理系统或者是低版本的MySQL这里填写的内容信息都是不一样的，这个可以去网上查找的到的；等待IDEA自动下载项目所需的pom.xml的环境依赖。

2、点击左上角项目结构-> 模块 ，找到报错的项目，在源那里选择8，然后依赖那里选择自己的jdk版本，我的是jdk1.8，最后点击应用，确定。1、点击左上角文件->设置-> 构建、执行、部署->java编译器，然后找到报错的项目（若没有显示，点击+），右边下拉框选择版本8。2、在powershell执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）。首先在编译器将项目打开，如果已有以下两个文件夹，先删掉，这个是别人编译器运行后生成的，所以不用怕删掉。

在idea上运行springboot项目

此次项目是一个基于springboot和vue运行的项目，采用前后端分离的设计原则，成功地构建了一个功能完善、性能稳定且易于维护的管理平台。在此过程中，我不仅独立完成并学习到了node.js、redis的安装及配置方法等等，还积累了宝贵的经验，收益颇丰。

1.首先在Idea中分别创建一个vue项目一个springboot项目（前面文章说过），右键uve项目，新创建一个子项目，New->Module 2.选择Maven->Next 3.填写项目名称，选择Finish 这样就创建好了一个springboot项目 但是由于这样的springboot项目缺少组件，pom文件中缺少很多依赖，所以最好将我们之前创建好的springboot项目导入进来 4.删除springboot项目的src和pom.xml 5.将最初创建完成

1.项目部署 安装脚手架 npm install -g @vue/cli 全局安装 创建项目 命令行创建：vue create <ProjectName> 图形界面创建： vue ui 可进行安装插件的修改 Idea编译器配置 Add Configuration中选择package.json并添加npm run 在package.json中的scripts中的serve中添加--open后，运行自动打开页面 2.项目编码 下载与引入ElementPlus 终端下载：n.

学习springboot+vue项目，网上找了很久，不是收费就是代码不全，直到找到这边教程，讲解很详细，代码下载可用，用到的技术可以根据自己的需要学习 地址 https://blog.csdn.net/neuf_soleil/category_9287210.html?utm_source=zlmf2019 ...