欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

springboot+vue部署按照及运行方法

程序员文章站 2022-03-11 21:20:29
1 环境部署 1.1 jdk-8u111-windows-x64 环境变量 java_home:c:\program files\java\jdk1.8.0_111 pa...

1 环境部署

1.1 jdk-8u111-windows-x64

环境变量 java_home:c:\program files\java\jdk1.8.0_111

path新增一行:%java_home%\bin

1.2 apache-maven-3.5.0-bin,直接解压到c:\program files\java

环境变量 maven_home:c:\program files\java\apache-maven-3.5.0

path新增一行:%maven_home%\bin

1.3 git部署

git-2.10.2-64-bit

tortoisegit-2.3中文版与git安装包_手册.zip

1.4 idea安装lombock

(1)插件包:lombok-plugin-0.27-2017.3.zip(与idea版本为2017.3.3版本对应)

(2)idea-->settings->preferences-->plugins

(3)在plugins面板中有'install from disk'按钮,点击后选择lombok-plugin-0.16-2017.3.3.zip

(4)重启idea

1.5 node.js安装

(1)双击安装node-v10.16.3-x64.msi(64位)

(2)执行命令确认nodejs是否安装成功

#node -v
#npm -v

(3)环境变量(安装完成默认在path后面增加了环境变量)为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建“node_global”和"node_cache"两个文件夹。执行命令

#npm config set prefix "c:\program files\nodejs\node_global"
#npm config set cache "c:\program files\nodejs\node_cache"

(4)环境变量node_path:c:\program files\nodejs\node_global\node_modules

path追加:c:\program files\nodejs\node_global

(5)安装淘宝的npm镜像(因为npm在国内下载速度是很慢,所以就用npm下载安装cnpm可以更快的下载后面的依赖等)

#npm install -g cnpm –registry=https://registry.npm.taobao.org

 

(6)安装全局vue-cli脚手架、webpack

#npm install vue –g //全局安装vue
#npm install -g vue-cli //全局安装vue-cli
#npm install -g webpack //全局安装webpack
#npm install -g webpack-dev-server //安装webpack的本地webserver

(7)执行命令确认vue和webpack是否安装成功

#vue -v

#webpack -v

 

2 代码克隆

3 编译

3.1 java后端

maven clean

maven install

3.2 前端启动

#cd xxx\vue

#npm install

#npm run dev

以上就是本次介绍的全部相关知识点