创建一个简单的spring boot+vue前后端分离项目

一、环境准备

此次实验需要的环境： jdk、maven、nvm和node.js

开发工具：idea或者Spring Tool Suite 4，前端可使用HBuilder X，数据库Mysql

下面提供maven安装与配置步骤和nvm安装与配置步骤：

1、maven安装与配置

1.1 下载maven包

https://dlcdn.apache.org/maven/maven-3/3.9.5/binaries/apache-maven-3.9.5-bin.zip

1.2 解压到安装目录

1.3 将maven目录配置成环境变量

1.4 Cmd打开命令窗口,验证maven: mvn -v

1.5 配置setting文件 打开maven目录，找到conf目录下setting.xml ，修改默认仓库路径

二、nvm安装与配置

1、NVM简介

在项目开发过程中，使用到vue框架技术，需要安装node下载项目依赖，但经常会遇到node版本不匹配 而导致无法正常下载，重新安装node却又很麻烦。为解决以上问题，nvm：一款node的版本管理工 具，能够管理node的安装和使用，使用简单，可下载指定node版本和切换使用不同版本，方便了node 的使用。

2、NVM安装

2.1 下载

安装包下载地址： https://github.com/coreybutler/nvm-windows/releases

windows系统下载nvm-setup.exe

2.2 安装

双击nvm-setup.exe开始安装（安装之前最好卸载计算机已经安装的node）

选择nvm安装根路径

指定nodejs的安装路径（最好提前新建nodejs文件夹，在安装时选择)

2.3 测试

打开命令行，输入nvm -v 可查看版本,即安装成功

3、NVM使用

3.1 设置

设置下载源，修改setting.txt 在安装根路径下编辑setting.txt

添加以下两行镜像地址：

node_mirror:https://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

3.2 使用

1. nvm list available 显示可以安装的所有node.js的版本

2. nvm install 16.20.0 安装node.js的命名 version是版本

3. nvm list 查看已安装的node.js

4. nvm use 16.20.0 切换到使用指定的nodejs版本

*** 表示当前使用的node版本是16.20.0

3.3 NVM常用命令

nvm off // 禁用node.js版本管理(不卸载任何东西)

nvm on // 启用node.js版本管理

nvm install // 安装node.js的命名，version是版本号 例如：nvm install 8.12.0

nvm uninstall // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用

nvm ls // 显示所有安装的node.js版本

nvm list available // 显示可以安装的所有node.js的版本

nvm use // 切换到使用指定的nodejs版本

nvm v // 显示nvm版本

nvm install stable // 安装最新稳定版

3.4 NVM常见异常

1.nvm use失效 无法使用node

原因：在安装nvm的时候修改了nodejs的安装路径，但安装包并未在指定路径新建nodejs 解决：在指定路径手动新建nodejs文件夹，重新安装并指定路径

三、搭建前后端分离项目

1、后端项目

1.1 数据库设计

1.2 新建springboot工程

第一种方式使用idea创建，File —> New Project —> Spring Initializr ,选择对应的配置。

如果idea没有Spring Initializr ,或者本地jdk不支持Spring Initializr中jdk的选项可以采用第二种方式，访问https://start.aliyun.com/

选择对应的配置࿰