springboot+vue部署按照及運(yùn)行方法
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版本對(duì)應(yīng)）
（2）IDEA-->Settings->Preferences-->Plugins
（3）在Plugins面板中有'install from disk'按鈕，點(diǎn)擊后選擇lombok-plugin-0.16-2017.3.3.zip
（4）重啟idea
1.5 Node.js安裝
（1）雙擊安裝node-v10.16.3-x64.msi（64位）
（2）執(zhí)行命令確認(rèn)nodejs是否安裝成功
#node -v #npm -v
（3）環(huán)境變量（安裝完成默認(rèn)在Path后面增加了環(huán)境變量）為了以后的本地部署項(xiàng)目，我們需要找到node.js的安裝根目錄，在當(dāng)中新建“node_global”和"node_cache"兩個(gè)文件夾。執(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鏡像（因?yàn)閚pm在國內(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í)行命令確認(rèn)vue和webpack是否安裝成功
#vue -V #webpack -v
2 代碼克隆
3 編譯
3.1 java后端
maven clean
maven Install
3.2 前端啟動(dòng)
#cd xxx\vue #npm install #npm run dev
以上就是本次介紹的全部相關(guān)知識(shí)點(diǎn)，如果大家有任何疑問可以咨詢腳本之家小編。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JavaSE的繼承和多態(tài)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
其實(shí)一般使用springboot使用打成jar包比較省事的,但也有很多童鞋是習(xí)慣使用war包的,下面這篇文章主要給大家介紹了關(guān)于springboot打war包的相關(guān)資料,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了Java非侵入式API接口文檔工具apigcc用法詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
在Java中String和Date、Timestamp之間的轉(zhuǎn)換
這篇文章主要介紹了在Java中String和Date、Timestamp之間的轉(zhuǎn)換 的相關(guān)資料,需要的朋友可以參考下2015-12-12
Spring的@Transactional注解使用詳細(xì)解析
這篇文章主要介紹了Spring的@Transactional注解使用詳細(xì)解析,@Transactional 注解相信大家并不陌生,平時(shí)開發(fā)中很常用的一個(gè)注解,它能保證方法內(nèi)多個(gè)數(shù)據(jù)庫操作要么同時(shí)成功、要么同時(shí)失敗,需要的朋友可以參考下2023-11-11
Spark?集群執(zhí)行任務(wù)失敗的故障處理方法
這篇文章主要為大家介紹了Spark?集群執(zhí)行任務(wù)失敗的故障處理方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
Java工具之ja-netfilter?2022.1?配置教程
這篇文章主要介紹了Java工具之ja-netfilter?2022.1?配置教程,本防火墻基于javaagent，所以目前只有基于java的程序能夠使用，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了基于@AliasFor注解的用法及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
SpringBoot實(shí)現(xiàn)圖片上傳及本地訪問
在SpringBoot項(xiàng)目中,處理靜態(tài)文件訪問尤其是實(shí)時(shí)更新的文件如商品圖片,可通過配置WebMvcConfig將本地文件映射到URL路徑上,以解決重啟項(xiàng)目才能訪問文件的問題,本文詳解如何保存和訪問這些文件,幫助開發(fā)者優(yōu)化項(xiàng)目文件管理2022-09-09
dubbo如何設(shè)置連接zookeeper權(quán)限
這篇文章主要介紹了dubbo如何設(shè)置連接zookeeper權(quán)限問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05