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
以上就是本次介紹的全部相關知識點,如果大家有任何疑問可以諮詢我們小編。