springboot+vue部署按照及运行方法是什么-创新互联

本篇文章给大家分享的是有关springboot+vue部署按照及运行方法是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、虚拟主机、营销软件、网站建设、江源网站维护、网站推广。

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部署按照及运行方法是什么,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


分享名称:springboot+vue部署按照及运行方法是什么-创新互联
文章路径:http://myzitong.com/article/ddijge.html