如何利用VScode打造一个媲美Idea的编辑器

发布于 17 天前  29 次阅读


Idea作为写Java程序员的福音,上手难度低,使用简单,收到了很多程序员的追捧。但是由于软件本身是属于收费的,所以需要对其进行一些不可名状的操作才能正常使用。本文讨论的是一款Idea的替代品,将从安装出发来进行配置。注:本文部分图片来源于网络

使用Vscode来进行Java开发有如下优势:

  1. 强大的插件扩展
  2. 支持多语言
  3. 轻量运行快
  4. 免费
  5. 通过扩展可以支持其他语言

下面正式开始进行打造:


安装JDK

首先,到甲骨文官网下载最新版的jdk,根据自己的版本进行下载。注:需要注册

查看演示

如何利用VScode打造一个媲美Idea的编辑器

其中公共jre可以不进行安装

然后进行环境的配置:

如何利用VScode打造一个媲美Idea的编辑器

如何利用VScode打造一个媲美Idea的编辑器

在环境变量中点击新建:

变量名为:

JAVA_HOME

变量值为:D:\Java 这里是java的安装根目录

如何利用VScode打造一个媲美Idea的编辑器
添加如下字符串:

%JAVA_HOME%\bin

其实也可以直接在path里指定Java根目录下的bin文件,但是由于本文还要继续使用Tomcat,所以暂时不讨论此种配置方法。

接下来在cmd中输入:

java -version

如果显示了版本号的话,则证明java环境已经配置好了。

VScode安装

在微软官网下载VScode,安装

Download

安装完后进行一些基础的配置:

如何利用VScode打造一个媲美Idea的编辑器

打开后点击扩展按钮,输入Language

找到中文简体安装

如何利用VScode打造一个媲美Idea的编辑器

接下来点击

按下组合键Ctrl+Shift+p,在搜索框中输入“configure display language”,点击确定后选中zh-cn,重启后将会变成中文。

插件安装1

在vscode的官网,给了我们如下的插件推荐

如何利用VScode打造一个媲美Idea的编辑器

可以直接按照这个上面的来安装插件。

其中上面大部分插件在java扩展包中都集成了的,所以我们直接安装这个插件包就行了。

如何利用VScode打造一个媲美Idea的编辑器

然后为了使我们能一键生成java的标准模板,我们需要安装:

如何利用VScode打造一个媲美Idea的编辑器

为了快捷开启tomcat需要安装:

如何利用VScode打造一个媲美Idea的编辑器

还有其他的插件,本文暂时不讨论,后续添加

插件安装2

如果你觉得插件安装过于麻烦,微软官方专门针对Java开发者提供了一套安装包。可以直接安装插件,以及傻瓜式的检测本地的环境。并且进行了一些功能增强。如何利用VScode打造一个媲美Idea的编辑器

Download

加强的功能主要有如下:

1.增强“生成getter和setter”

除了为所有成员变量批量生成getter和setter之外,如果类具有多个字段,源操作还将提示快速选择框,允许您选择目标字段以生成访问者方法。

如何利用VScode打造一个媲美Idea的编辑器

2.生成委托方法

如何利用VScode打造一个媲美Idea的编辑器

3.生成构造函数

如何利用VScode打造一个媲美Idea的编辑器

4.将参数分配给新字段

如何利用VScode打造一个媲美Idea的编辑器

5.调试器更新

6.新的HCR按钮

为了更好地公开热代码替换功能并让您更明确地控制它,我们在工具栏中添加了一个新按钮,并提供了一个新的调试设置java.debug.settings.hotCodeReplace,允许您控制如何触发HCR。默认为manual。 manual - 单击工具栏以将更改应用于正在运行的应用程序  auto - 编译后自动应用更改。这是旧的行为。 never - 从不应用更改

如何利用VScode打造一个媲美Idea的编辑器

7。其他更新

至此,插件安装介绍完毕,接下来将进行一些配置以及使用方面的教程。

Tomcat

配置:

为了方便的使用Tomcat需要 进行如下的配置:

依此点击文件->首选项->设置

如何利用VScode打造一个媲美Idea的编辑器

搜索Tomcat会出现两个设置选项

一个是tomcat.restart_when_http(s)_port_change设置在端口改变时是否重启,默认为true;另一个是tomcat.workspace设置tomcat的工作目录,tomcat扩展相关的资源都会存储在此工作目录下,此目录不是安装的tomcat的目录。

如何利用VScode打造一个媲美Idea的编辑器

然后返回文件,点击左侧边栏的下Tomcat Servers的加号。

指定Tomcat的根目录,来创建Tomcat容器

右键菜单会有两个选项,分别对tomcat进行配置

如何利用VScode打造一个媲美Idea的编辑器

使用:

创建Java项目:由于插件不支持自动创建,所以Javaee的项目结构需要自己创建。

打包war:使用组合键Ctrl+shift+p打开搜索框,输入tomcat,在项目文件下选择第一个命令 会生成该项目文件夹命名的一个war包

如何利用VScode打造一个媲美Idea的编辑器

运行项目:右键生成的war包 选择 Run on Tomcat Server。

如何利用VScode打造一个媲美Idea的编辑器

如果是多个Tomcat容器,则还需要进行指定

查看项目:直接右键 open in Browser或者输入网址http://localhost:8080

如何利用VScode打造一个媲美Idea的编辑器

新建标准Java项目

按下组合键Ctrl+shift+p,输入java

如何利用VScode打造一个媲美Idea的编辑器

找到Create java project,然后选择存放的项目文件夹,再键入项目的名字,将会创建出一套标准的java模板

导入Jar包

目前vscode没有好的jar包导入插件(Auto import不是很好用),所以需要自己配置。

找到项目文件夹,选择.classpath,输入以下内容导包

<classpathentry kind="lib" path="包路径"/>

然后就能使用包了。

代码格式化

按下组合键alt+shift+a可以自动格式化代码格式

自动导包和自动补全

如何利用VScode打造一个媲美Idea的编辑器

输入一些字段会有自动提示,然后直接tab或者回车会补全并且导包。或者可以使用alt+shift+o导包

自动修复

代码检测到错误为以红色波浪线提示,这时候可以将鼠标悬浮在错误位置查看错误,并且可以对一些基本的错误进行简单的错误自动修复,或者提示一些修复方法

代码重构

右键代码,点击重构可以生成getter和setter以及构造器等

如何利用VScode打造一个媲美Idea的编辑器

运行代码和debug

这个就不多介绍了,main方法下会自动出来

 


时间有限,其他的将在以后补充


含词未吐,气若幽兰