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部署按照及運行方法是什么，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。