首頁 > 開發工具 > VSCode > 主體

手把手教你怎麼在vscode中建立maven工程(圖文結合)

青灯夜游
發布: 2021-10-14 09:50:16
轉載
11906 人瀏覽過

怎麼在vscode中建立maven工程?以下這篇文章就透過圖文結合的方式帶大家一步步創建maven工程,希望對大家有幫助!

手把手教你怎麼在vscode中建立maven工程(圖文結合)

由於,鄙人最近正在學習設計模式,並且是閱讀《重學設計模式》這本pdf書籍進行歸納與總結,當然還是要多方面多角度思考,設計模式重在其思想,將其思想運用到現實生活或開發的某個場景當中。

還有一點是,工作雖然用的go語言,但是鄙人並不想用goland,覺得太重,所以用vscode習慣了,之前寫python、js等寫的多,而且寫markdown也用vscode,所以,像java,自此也開始用vscode,不太考慮使用IDEA,還是覺得太重...

廢話不多說,開始表演...

前提

本想直接從vscode上的外掛說起,但是貌似先提一下Java語言的安裝呀...【推薦學習:《vscode教程》 】

鄙人就從mac平台說起把,當然,網路上一堆的教學介紹java語言的安裝,我這裡並不詳細的介紹。

mac自帶java,不妨終端輸入

java -version
登入後複製

手把手教你怎麼在vscode中建立maven工程(圖文結合)

#也許遇到的問題是:自帶的mac沒有java呀,如果你有,這部分可以忽略...

自帶的java的路徑一般是:/Library/Java/JavaVirtualMachines

手把手教你怎麼在vscode中建立maven工程(圖文結合)

有沒有就無所謂了,那麼教你一招使用jenv來管理你的java版本,不過我在此貼一下java版本的鏡像下載地址

java版本鏡像下載位址

https://mirrors.tuna.tsinghua.edu.cn/AdoptOpenJDK/

下載後解壓縮到上面提到的路徑...

手把手教你怎麼在vscode中建立maven工程(圖文結合)

#ok, 添加環境變量,在此聲明一下,鄙人用的是oh-my-zsh,因此可在.zshrc中添加,當然你可以在.bash_profile中加入也不是不可以。

手把手教你怎麼在vscode中建立maven工程(圖文結合)

如上圖,我可以將程式碼貼到文中,方便複製,當然,你可以舉一反三哈

# added by java jdk 1.8
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_181.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH
登入後複製

執行以上操作之後,需要使用source .zshrc刷一下環境變量,此時你可以使用java -version,就可以出現上圖出現過的場景。

當然,鄙人使用jenv進行管理多個版本的java,關於如何安裝jenv,鄙人自然使用mac的brew

brew install jenv
登入後複製

然後,像java一樣,加入環境變量,當然,你安裝結束終端會提示你在xxx檔中補充環境變數:

# jenv
export PATH="$HOME/.jenv/bin:$PATH"
  eval "$(jenv init -)"
登入後複製

此時鄙人在終端輸入jenv ,即可看到畫面

手把手教你怎麼在vscode中建立maven工程(圖文結合)

以上都ok的話,我們可以新增版本,可以使用jenv add,我可以舉個例子,示範的是11版本,大傢伙可以舉一反三哈:

jenv add /Library/Java/JavaVirtualMachines/jdk-11.0.12+7/Contents/Home
登入後複製

新增成功之後,你可以在終端機上輸入jenv versions

手把手教你怎麼在vscode中建立maven工程(圖文結合)

切換版本:jenv global 11.0jenv local 11.0即可

廢話不在多說,畢竟這是什麼文章? vscode創建maven工程...核心在這裡呢...

說起創建Maven工程,那前提是你係統上有沒有安裝maven框架,對於Mac os系統來說,依然可以用brew進行安裝

brew install maven
登入後複製

當然,除了brew,也可以去官網上下載二進位檔案即可,要記得補上環境變數

說起環境變量,你可以在.zshrc上補,你也可以在/usr/local/bin上新增對應bin文件的軟連結

以上操作執行之後,可以在終端機輸入mvn看到效果了

手把手教你怎麼在vscode中建立maven工程(圖文結合)

##vscode關於java外掛程式

一張圖解決,多方便

手把手教你怎麼在vscode中建立maven工程(圖文結合)

#安裝外掛完成後按下

Ctrl Shift P 輸入Java: Configure Java Runtime#

手把手教你怎麼在vscode中建立maven工程(圖文結合)

检查项目、工程等运行时版本

给vscode的maven插件键入setting.xml和可执行文件,分别如下图所示

手把手教你怎麼在vscode中建立maven工程(圖文結合)

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

若想测试的话,也不是不可以,演示一下简单工程

使用cmd+shfit+p 输入 Java: create Project,输入项目名,在src文件夹中,选择Run运行Java代码,控制台数据Hello World则为成功。

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

创建maven工程

有两种方式:

第一种

使用cmd+shfit+p 输入 Java: create Project,或出现创建项目的类型,我们选择maven,这样吧,我动图演示一下,如何创建使用第一种方式创建maven工程的...

手把手教你怎麼在vscode中建立maven工程(圖文結合)

其实我感觉就跟idea创建maven工程师类似的,无非就是选择对应的maven工程,其次选择版本,然后键入各种id名称等,所以和idea创建maven工程大同小异...

不过,虽然我这么说了,但是上面的动图仅仅是第一步,因为你键入一些信息之后,vscode下面调试或者终端区,依然会让你确认一些信息,比如

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

按照提示,一步一步操作即可,这里我就不演示动图了。

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

第二种

第二种,比较简单,直接在下图中添加+号即可

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

父子工程

基于上面创建Maven工程的基础,那么,我们首先有这样的父工程parent-demo

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

在父工程的pom文件中加入一行代码,保存即可,记得重新编译一下pom。

<packaging>pom</packaging>
登入後複製

接着,我们添加子工程

1手把手教你怎麼在vscode中建立maven工程(圖文結合)

最后,我们看以下图:

手把手教你怎麼在vscode中建立maven工程(圖文結合)

从上图可以看出,父工程pom文件自动添加

<modules>  
  <module>child-demo001</module>
</modules>
登入後複製

而子工程的pom文件,自动添加

<parent>
  <artifactId>parent-demo</artifactId>
  <groupId>com.example</groupId>
  <version>1.0-SNAPSHOT</version>
</parent>
登入後複製

我们测试一下子工程,测试自动生成的代码

package com.example.child.demo;

/**
 * Hello world!
 *
 */
public class App 
{
    public static void main( String[] args )
    {
        System.out.println( "Hello World!" );
    }
}
登入後複製

2手把手教你怎麼在vscode中建立maven工程(圖文結合)

从上图可以,按照我们的预期,是可以输出Hello World,是的,完全没得问题。

小结

综上,给我的感觉是和idea没什么区别,如果vscode工具比较熟悉的话,很快就掌握其中的使用了。

更多编程相关知识,请访问:编程入门!!

以上是手把手教你怎麼在vscode中建立maven工程(圖文結合)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板