本篇文章給大家分享的是有關springboot+vue部署按照及運行方法是什么,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
1 環(huán)境部署
1.1 jdk-8u111-windows-x64
環(huán)境變量 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
環(huán)境變量 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)執(zhí)行命令確認nodejs是否安裝成功
#node -v#npm -v
(3)環(huán)境變量(安裝完成默認在Path后面增加了環(huán)境變量)為了以后的本地部署項目,我們需要找到node.js的安裝根目錄,在當中新建“node_global”和"node_cache"兩個文件夾。執(zhí)行命令
#npm config set prefix "C:\Program Files\nodejs\node_global"#npm config set cache "C:\Program Files\nodejs\node_cache"
(4)環(huán)境變量NODE_PATH:C:\Program Files\nodejs\node_global\node_modules
Path追加:C:\Program Files\nodejs\node_global
(5)安裝淘寶的npm鏡像(因為npm在國內(nèi)下載速度是很慢,所以就用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)執(zhí)行命令確認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部署按照及運行方法是什么,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞標題:springboot+vue部署按照及運行方法是什么-創(chuàng)新互聯(lián)
文章源于:http://chinadenli.net/article14/ddijge.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供自適應網(wǎng)站、虛擬主機、標簽優(yōu)化、網(wǎng)站排名、品牌網(wǎng)站制作、響應式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容