NNU_從零開始瞭解一個WebGIS(Vue + Spring)(1、專案部署)
入職之後,從clone官方專案到專案正式跑起來,用了三天時間,現在把這三天遇到的問題記錄一下。
1、clone程式碼
圖1 Github_某一遠端倉庫_Clone
如圖1,此時若想Clone程式碼,一般有兩種選擇:
(1)Download ZIP
適用情形:
(1)只是想把此專案中的某一段程式碼,作為輪子,使用到自己的專案中。
(2)你沒有再度往此倉庫中push程式碼的需求。
2:通過Git連線本地倉庫和此遠端倉庫(利用HTTPS或者SSH)
適用情形:
(1)此遠端倉庫為你的團隊的專案,你以後需要修改/維護此專案。
(2)你以後需要多次push/pull來更新此倉庫。
兩種情況各有用處,要注意他們的適用範圍。
(2)前端專案 Clone 後,你需要在本地下載專案中需要的依賴。
首先當然需要下載 node,並配置環境變數。這個網上很多教程。
圖2 Intellij IDEA_Terminal
Node配置好後,用IDE開啟此專案。在IDE的 terminal 中,cd到前端專案 package.json 所在根目錄,輸入 “npm install” (輸入引號內的字元)
(其實此處若部署了cnpm,推薦使用cnpm install,速度更快)。
圖3 Intellij IDEA_Project
如圖3,“npm install” 完成後前端根目錄下會多出一個資料夾 “node_modules” 。
3、後端專案 Clone 後,你在本地需要下載 Maven 依賴。
同上,先安裝配置 Maven。
配置完成後,用IDE開啟專案,在 Terminal 中 cd 到後端專案 pom.xml 所在根目錄,輸入 “mvn clean” ;
執行完成後再輸入 “mvn package” 。
圖4 Intellij IDEA_Project
如圖4,“mvn package” 完成後後端目錄下會多出一個資料夾 “target” 。
4、此時離專案完成就差一步了,我們需要先將後臺服務跑起來
圖5 Intellij IDEA_右鍵選單
找到Main函式所在JAVA檔案,右擊,選擇Run'xxx'。
5、cd到前端專案中 package.json 所在根目錄,輸入npm run dev。
圖6 Intellij IDEA_Terminal
執行完成,專案正式跑起來了。