栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Springboot+vue练手记录

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Springboot+vue练手记录

从头开始搭建前后端分离项目

准备工作

IDEAMySQLJava配置前端脚手架 正式搭建

前端后端整理

准备工作 IDEA

IDEA(Ultimate)官网下载
最好是下载Ultimate的,不然后面可能会有问题。具体激活方法网上应该都有。

MySQL

MySQL官网下载
现在在官网下载可能需要注册,嫌麻烦的话,下面是8.0.19.0版本的链接
链接:https://pan.baidu.com/s/184x12AxTGn8wJQr-vUDLwg?pwd=g6cj
提取码:g6cj
Navicat官网下载
具体激活方法网上应该都有。

Java配置

JDK
去官网下载的话需要注册一个Oracle账号
一般都用的Java8,下面是链接
链接:https://pan.baidu.com/s/15e-CZV1eSHj_GjA2_y9CrA?pwd=9p3r
提取码:9p3r
安装的时候会需要两个文件夹

安装完成后记得在变量环境里把路径配好:
JAVA_HOME:D:Program FilesJavajdk1.8.0_321
在PATH里加入:%JAVA_HOME%bin以及%JAVA_HOME%jrebin
不放心的话,可以再加一个CLASSPATH:%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar
配好后进入cmd,输入java和javac,看是否配置好,如果出现下面两图,则说明配置成功:

前端脚手架

Node.js官网下载
无脑安装即可
安装结束后在cmd里输入node -v和npm -v查看是否能正确显示版本号:

正式搭建 前端

新建一个文件夹,在地址栏输入cmd进入命令窗口,输入

npm install -g @vue/cli

创建vue插件,是用来创建vue工程的
安装好插件后就可以输入

vue create demo

来创建vue项目了

选择Manually select features,按回车

把Router和Vuex勾上,把Linter / Formatter取消(都是用空格键选择)

选择一下Vue version为3.x后按回车

按照上图内容进行配置
出现下图这个界面就说明配置好了

按照图中的提示进行操作就能正常进入界面了:


进入http://localhost:8080/,看见下图的界面说明成功搭建:

后端

进入Spring Initializr选择如下配置

再点GENERATE生成springboot所需的依赖等。

整理

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/724300.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号