vscode打开项目只能看见依赖包_当你的 VS Code 遇上 Spring Boot

2c7ad80e66a11b52f6c5afd32d454539.png

VS Code and Spring Boot

VS Code 当下最流行的代码编辑器

Spring Boot 当下最火的 Java 框架

如果您不想安装一个Eclipse,也对于IntelliJ IDEA不感冒,却又偏偏离不开VS Code。。。

外老师就是这样,对于VS Code情有独钟。于是尝试了一下在Windows平台的VS Code中搭建Spring Boot的开发环境。

必要准备

Spring Boot属于Java框架,属于Java开发的必要条件,要先安装:

  • 安装JDK

这一步,我们直接在Oracle官网下载最新的JDK安装即可:

1f049a458142c27b04408c841ed45cb9.png

下载JDK15

然后双击安装,多次下一步之后,完成安装。

安装完成之后,记得配置一下环境变量(不知道为什么JDK的这个环境变量,一直不是自动配置的):

dcd5c5f56bf138628e615ed2f8478a24.png

配置JAVA_HOME

bbdd501963009ab26304e4328649befc.png

配置Path

配置好环境变量之后,在控制台中,执行命令来检查是否安装成功:

java -version
43457704f0c1c8fbfb828e18884c50a2.png

安装成功

如果执行以上命令,成功看到Java的版本号,恭喜您,Java JDK安装成功。


安装maven

maven作为Java界最流行的项目管理工具,在Spring Boot开发中,也是日常必须品,需要下载。

我们这里选择提前编译好的zip二进制包即可:

7f0d1f15e8b1e33cb2bb991db251ac59.png

下载maven

开载好maven在包之后,解压出来,找一个自己喜欢的位置,保存即可。记住您保存的位置,因为后面我们需要在VS Code中,配置maven相关的参数。

ee246f72877829d8409e2664293b1020.png

maven


安装VS Code

56e370fbfc8af01f9d8751aff555ce97.png

下载VS Code

安装必要插件

现在打开VS Code,安装下面两个插件:

Java Extension PackSpring Boot Extension Pack
03c5cf7475c3e2b7cab1edc821856d6e.png

Java Extension PackJava Extension Pack 安装完成

a7af999ea9e30d4c6c146b0df5a2b991.png

Spring Boot Extension Pack 安装完成

配置maven选项

现在还不能进行开发,还需要进行一些配置,不要着急:

58dee576adf59d1dec3c94df6938e8e0.png

配置maven的settings.xml路径

为了提升maven的访问速度,我们修改其源为 aliyun maven :

ee03293a4c2c1378e992370f6287c94e.png

修改maven的镜像源为aliyun

maven的settings.xml中的局部代码如下:

    alimavenaliyun mavenhttp://maven.aliyun.com/nexus/content/repositories/central/central
464a123381de4c9ef35193a4c98e639e.png

配置maven的执行路径

好了,到这里,我们的环境配置就完成了。重启VS Code,下一步就可以进行开发了!

创建测试Demo项目

再次启动VS Code,按 Ctrl + Shift + P 快捷键,调出命令,输入spring,然后新建一个maven项目:

914c8199adca81751300af2426647754.png

新建maven项目

fa67660bb2796e07bf2b809c86b5b8da.png

选择Spring Boot版本

92d1c8656ce7194a167ef0c619d2374d.png

选择语言

3eec59cfda49629984bace283d06618e.png

输入Group Id

注意:输入Group Id之后,敲回车键

0d0a6ecef668de5ca03a9dafdb5a0e7c.png

输入Artifact Id

敲回车键

5469fcd54421497ff93402e0e2acc9af.png

选择包类型

15d3a266ac499519505bcf950e654c19.png

选择Java版本

eb5024f1cc41a3aebc8cbbc166c658c1.png

选择常用依赖包

敲回车键

依赖包功能简介:

Spring Boot DevTools: 支持代码修改热更新,无需重启Spring Web: 集成Tomcat SpringMVCLombok: 智能生成 setter getter toString等Thymeleaf: 模板引擎
8b13a82bd4f3e162d9bbdf5f7568de9b.png

选择保存位置

等待项目创建完成,然后打开:

365bd2417e3dba812cacd2d984976a3b.png

打开项目

8796c54fae9dc8a9dc4c8031c8d62440.png

项目打开成功

如果看到上面的源代码结构,那么恭喜您,您成功了!

添加测试业务代码

项目创建成功,接下来,添加测试业务代码:

8bf2fbf7cccad0cdd5268c8b5cb128f1.png

添加Rest

代码如下 :

package alien.learn.ademo.controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;@RestControllerpublic class TestControllerRest{    @RequestMapping("/test")    public String testRest(){        return "欢迎使用VS Code 和 Spring Boot";    }}

再添加一个html模板:

a7139c2928f4ee5e888071f757c2f13f.png

模板

代码:

    主页

Spring Boot Page!

再添加一个Controller:

9e0ba78aaca8bfbf3a88cee86c401435.png

Controller

代码:

package alien.learn.ademo.controller;import java.util.HashMap;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.stereotype.Controller;@Controllerpublic class TestController{    @RequestMapping("/hello")    public String getPage(HashMap map){        map.put("title", "欢迎来到Spring Boot!");        return "/index";    }}

然后F5调试服务:

a3b90fd380f6e505a27728aba3593dd3.png

调试服务

然后在浏览器中尝试访问服务:

f3d5f3a779024e90078d78fa8ae4bdc0.png

访问成功

再访问一下hello:

78fd3bffbd5e9987a5d55925a8e01331.png

访问成功

如果您成功走到了这里,恭喜您,您已经体验到了VS Code中进行Spring Boot开发的基本流程!开始您愉快的开发之旅吧。


过程中可能不是一帆风顺,遇到问题,不要放弃,多查资料,多尝试,其实没那么难的!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值