boxmoe_header_banner_img

Hello! 欢迎来到我的博客!

加载中

文章导读

如何快速启动一个vue+springboot项目


avatar
xiaoifei 2024年1月7日 568

一、前端准备

1、用GIT克隆远程仓库到本地

安装git后使用命令

git clone https://github.com/Xiaoifei/hfnu-stu-login-client.git
git clone https://github.com/Xiaoifei/hfnu-stu-login-server.git

 

2、安装node.js

Node.js (nodejs.org)

安装后使用npm -vnode -v出现版本号检查是否安装正确

3、运行

打开前端项目文件夹(注意一定是要以项目根目录形式打开即点开就能看到readme.md的,不能套一层目录),进入readme,新建终端后依次输入npm installnpm run dev

出现这个界面就是启动成功

二、后端准备

1、下载IDE(集成开发环境)

这里使用社区版免费的Intellij IDEA

2、安装JAVA并配置环境

后端需要java17的环境所以下载jdk17

JAVA17—安装+配置环境变量 | JAVA安装完整教学_java runtime environment 17 / jre-17-CSDN博客

3、配置maven

首先新建系统变量

然后找到Path系统变量双击添加%MAVEN_HOME%\bin

将下载的zip解压,新建一个系统环境变量,变量值设置为解压后的maven根目录

用cmd输入mvn -v出现Maven版本号即为配置成功

4、运行后端

打开项目根目录(跟之前一样,不能多套一层文件,必须是点开就有src等若干文件的形式,否则无法识别项目)

打开idea找到右上角小齿轮找到项目结构然后配置整个项目需要用到的jdk17

然后在设置中配置maven的主路径

配置好后我们可以如下刷新,等待maven远程下载所需要的依赖

等待同步出现绿色,运行主函数,若出现端口号即成功

 

三、可能遇到的问题

1、前端执行npm install意外报错

方案1:

管理员身份进入cmd,使用cd命令到项目文件夹,语法:cd "项目文件位置"

输入npm的一系列命令

方案2:

(o゚v゚)ノ Hi – npm权限不够(安装什么都报错) (cnblogs.com)

2、maven远程下载连接失败

在等待下载的过程中会出现若干个下载连接失败的警告,我们需要配置阿里云镜像来解决

找到maven的根目录,进入congf找到settings.xml

然后插入以下代码

    <mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>        
    </mirror>

 

然后保存文件配置,重新刷新等待下载依赖

如果还是出现无法下载可以删除这个本地仓库下所有文件再重试(路径:C:\Users\你的用户名\.m2\repository

 

 

四、输入密码

回到vscode,之前的终端再执行完后会弹出一个网址,按住ctrl点击网址快速进入,发现中间有登录窗,并且按提示输入账户密码后显示登陆成功的提示


 

 



评论(0)

查看评论列表

暂无评论


发表评论

表情 颜文字
插入代码