本篇文章给大家分享的是有关springboot+vue部署按照及运行方法是什么，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
成都创新互联公司是一家专注于成都网站设计、成都网站建设与策划设计,茅箭网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:茅箭等地区。茅箭做网站价格咨询:028-86922220
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
以上就是springboot+vue部署按照及运行方法是什么，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
