NNU_从零开始了解一个WebGIS（Vue + Spring）（1、项目部署）

入职之后，从clone官方项目到项目正式跑起来，用了三天时间，现在把这三天遇到的问题记录一下。

 

 

1、clone代码

图1 Github_某一远程仓库_Clone

 

如图1，此时若想Clone代码，一般有两种选择：

法1：Download ZIP

步骤：

（1）cd 到代码目录（./）执行：git init

（2）cd 到代码目录（./）执行：git remote add <主机名> <remote repo地址>

　　　　　　　　　　　　　　（git remote add origin https:xxx.git）

注：

<主机名>可自定义，一般来说为 origin。

<remote repo 地址>可以在git托管处找到（如github），支持 http、ssh 等多种类型的地址

 

法2：直接通过Git Clone

步骤：

（1）cd 到代码目录（./）执行：git clone <remote repo 地址> <本地目录>

 

 

（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

 

运行完成，项目正式跑起来了。

 

 

———————————————————————————————————————————————————————————————

　　　　分界线

———————————————————————————————————————————————————————————————

这边记录踩过的一些坑：

（1）mvn package时，报错：

[ERROR] No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

发现问题idea搜不到jdk，但我在Project structure中jdk配置却是没问题的

 查询资料，了解到似乎是java环境变量出了问题。

 

开始查错：

1）cmd 输入 java -version（没问题）

 

2）cmd 输入 javac -version (有问题)

显示：javac 不是内部命令或者外部命令

那么应该是我们的path中配置出了问题，或者javac.exe安装失败。

 

3）cmd cd到C:\Program Files\Java\jdk1.8.0_301\bin 再次输入 javac -version（没问题）

 在根目录下可以运行javac，那么应该是我们path配置出了问题。

 

4）cmd 输入path（没问题）

很奇怪，path中没有问题。

 

5）cmd 输入echo %JAVA_HOME%

显示：%JAVAH_HOME% 

问题出现了，JAVAH_HOME配置出现了问题。

 

6）进入环境变量设置页面，发现了问题

此条变量名 应该为JAVA_HOME（这是我改正之后的图）

而我将变量名错写为了%JAVA_HOME%

 

7）修改完成之后，退出重进cmd（复原cmd当前目录）。再次执行echo %JAVA_HOME% 和  javac -version

 问题解决

 

8）再次回到idea中，执行mvn package

build success

安装依赖完成，错误消除。

 

（2）mvn package时报错：

[ERROR] xxxxxxxx（一串信息） F:\xxx\src\main\java\com\example\admin\entity\User.java 中 Lombokmv包不存在

[ERROR] xxxxxxxx（一串信息） F:\xxx\src\main\java\com\example\admin\entity\User.java  找不到符号

上网查询后，了解到应该两个错都是由于缺失Lombok这个依赖导致的，因此解决第一条错误信息即可。

 

1）进入settings中查看是否plugin中缺少Lombok

确实没有Lombok，因此手动install。

 

2）install Lombok后，发现 mvn package 仍然报同样的错：

[ERROR] xxxxxxxx（一串信息） F:\xxx\src\main\java\com\example\admin\entity\User.java 中 Lombokmv包不存在

[ERROR] xxxxxxxx（一串信息） F:\xxx\src\main\java\com\example\admin\entity\User.java  找不到符号

此时发现报错包的叫Lombokmv，并不叫Lombok。上网查询发现似乎没有Lombokmv这个包。

进入报错目录的java文件中，发现：

 于是删去了‘mv’两个字母，重新执行mvn clean和mvn package

 

3）build success 安装依赖完成，错误消除。