1. 程式人生 > 其它 >NNU_從零開始瞭解一個WebGIS(Vue + Spring)(1、專案部署)

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

執行完成,專案正式跑起來了。