В течение многих лет в разработке Java преобладали большая тройка IDE: Eclipse, InelliJ IDEA и NetBeans. Но у нас есть и другие хорошие варианты. Среди обширной области универсальных редакторов кода-полиглотов, привлекающих всеобщее внимание, Visual Studio Code стал выдающимся и предлагает впечатляющую поддержку Java. VS Code также обеспечивает первоклассную поддержку других технологических стеков, включая интерфейсные JavaScript-фреймворки, Node.js и Python.

Должен ли Visual Studio Code стать вашей следующей Java IDE? В этой статье дается введение в использование кода Visual Studio для создания серверной части корпоративной Java с помощью Spring и ее подключения к внешней части Svelte JavaScript.

Настроить Spring Boot

Чтобы использовать это руководство, вам понадобится Ява а также Maven установлены. Вам также понадобится последний код Visual Studio дистрибутив для вашей системы, если у вас его еще нет. Это простой процесс установки.

Теперь давайте перейдем к новому проекту. Вы собираетесь использовать Spring Initializr для создания нового веб-приложения Spring Boot. Откройте VS Code и щелкните значок расширений в левом нижнем углу. Это позволит вам искать доступные дополнения (а их очень много). Введите «spring init», и вы увидите Расширение поддержки Java Spring Initializr. Установите его, как показано на рисунке 1.

Рисунок 1. Установка расширения Spring Initializr

vscode java spring init IDG

Фигура 1.

После установки (это не займет много времени) вы можете использовать его через палитру команд., which is accessible with Ctrl-Shift-P (or View -> Command Palette from the main menu). With the command palette open, type “spring init” and you’ll see the newly installed command. Run it.

Now follow along with the wizard. You can accept most defaults like language Java; Java Version 12; artifact id “demo”; group id “com.infoworld”; packaging “JAR”; and the rest. When adding dependencies, add Spring Boot Web and Spring DevTools. (You can add more dependencies later by right-clicking the POM file and selecting “add starters.”) You’ll also select a location for the project; just select a convenient spot on your local drive.

Once the new project is created and loaded into your workspace, you can open a command line terminal by typing Ctrl-Shift-` or choosing Terminal -> New Terminal from the main menu.

In the terminal, type mvn spring-boot:run. Когда вы это сделаете в первый раз, Maven загрузит ваши новые зависимости. Когда это будет сделано, сервер разработки будет запущен. Вы можете проверить это, открыв браузер и перейдя на localhost: 8080.. You will see a default “not found” error page because we haven’t defined any routes yet, but this verifies that the server is up and listening.

You can quickly access files by hitting Ctrl-Shift-P and typing “Demo” to bring up the DemoApplication.java file. Open it, and you’ll see a typical standalone Spring Boot starter app.

Now we’re going to install the Java extension pack, which gives us a variety of features like IntelliSense and context-sensitive resource creation. Back in the extensions menu, type “Java extension,” and install the Java Extension Pack. Finally, add the Spring Boot Extension Pack.

Now you’ll notice when you open the DemoApplication.java file, VS Code helpfully offers run and debug commands right in the source file.

Import the Java project

At this point, Visual Studio Code understands Java, and will prompt you: “This Project contains Java, do you want to import it?” Go ahead and choose “Always.” Once that is done, VS Code will be able to auto-complete and so forth for Java.

Let’s add a REST controller. Open the file view (top left in the left-side menu), right-click on /src/com/infoworld/demo, and select “New File.” Name the file MyController.java. You’ll notice the VS Code has stubbed out your class for you as seen in Listing 1.

Listing 1. Java stub in VS Code

package com.infoworld.demo;
public class MyController {
}

Begin by annotating the class with @RestController. Обратите внимание, что с установленными расширениями у вас есть полная поддержка автозаполнения.

Внутри нового MyController класса, начните вводить “Получить …”, и вы получите автозаполнение фрагмента для GetMapping; вперед и выберите его. Это создаст базовое отображение GET, которое мы изменим, как показано в листинге 2.

Листинг 2. Базовое отображение GET

@RestController
public class MyController {
  @GetMapping(value="https://www.infoworld.com/")
  public String getMethodName(@RequestParam(required = false) String param) {
      return "test";
  }
}

Теперь, если вы откроете localhost: 8080, вы увидите простой «тестовый» ответ. Дела идут гладко.

Обратите внимание, что сервер автоматически перезагружает изменения благодаря Spring DevTools и spring-boot: run.

Создайте интерфейс Svelte

Теперь давайте откроем новый терминал – вы можете запускать терминалы бок о бок, выбрав Terminal -> Split-Terminal. В новом терминале перейдите в удобный каталог (не внутри проекта Java) и создайте новый интерфейс Svelte с командами, показанными в листинге 3.

Листинг 3. Изящные внешние строительные леса.

npx degit sveltejs/template vs-java-frontend
cd vs-java-frontend
npm install
npm run dev

Теперь вы сможете перейти по адресу localhost: 5000 и увидеть страницу приветствия Svelte.

Добавьте интерфейс в рабочее пространство

Затем щелкните правой кнопкой мыши в проводнике файлов под демонстрационным проектом и выберите «Добавить папку в рабочую область». Перейдите к клиентскому проекту, который мы только что создали с помощью Svelte. Это добавит интерфейс к VS Code как часть рабочей области проекта, чтобы мы могли его редактировать.

Теперь добавьте Svelte для расширения VS Code в VS Code, используя тот же процесс, что и при добавлении вышеупомянутых расширений Java. После установки расширения VS Code сможет обрабатывать как интерфейсную инфраструктуру JavaScript, так и внутреннюю Java.

Соедините передний и задний концы

Мы можем протестировать взаимодействие внешнего интерфейса с серверной частью, используя Ctrl-Shift-P, чтобы открыть файл app.svelte и изменив элемент скрипта, чтобы он выглядел, как в листинге 4.

Листинг 4. Задействование серверной части

<script>
            export let name;
            async function loadData(){
                        let response = await fetch("http://localhost:8080");
                        name = await response.text();
            }
            loadData();
</script>

В листинге 4 выполняется функция, которая запускает простой запрос GET к нашей внутренней конечной точке и помещает ответ в name переменная, которая затем отражается в разметке.

Конфигурация среды выполнения Java

Чтобы получить информацию и настроить среду выполнения Java, вы можете открыть палитру команд (Ctrl-Shift-P) и открыть «Настроить среду выполнения Java». Вам будет представлен экран, подобный рисунку 2.

Рисунок 2. Настройка среды выполнения Java

конфигурация времени выполнения vscode IDG

Фигура 2.

Обратите внимание, что VS Code обнаружил ваши установленные JDK и определил, какие проекты какую версию используют. Это также позволяет вам устанавливать новую версию из среды IDE.

Отладка Java

Отладка Java в VS Code также проста. Остановите демонстрационное приложение, если оно запущено. Щелкните правой кнопкой мыши файл DemoApplication и выберите «Отладка». Spring Boot будет работать в режиме отладки.

Открыть MyController и дважды щелкните красную точку слева от строки 14, чтобы установить точку останова. Теперь перезагрузите страницу localhost: 5000. Точка останова будет зафиксирована, и вы увидите экран, как на рисунке 3.

Рисунок 3. Отладка файла Java

vscode отладка Java IDG

Рисунок 3.

Обратите внимание, что строка меню позволяет вам продолжить, войти, перейти и т. Д. Отсюда у вас есть полные возможности отладки кода, включая возможность получать состояние переменной и запускать команды из консоли отладки внизу.

Запуск тестов

Теперь откройте файл DemoApplicationTests.java, созданный Spring Initializr. Обратите внимание, что открыт пункт «Выполнить тесты». Щелкните здесь. (Вы также можете щелкнуть файл правой кнопкой мыши и выбрать «Запустить Java».)

Тесты будут запущены, и станет доступна галочка – это позволит вам просмотреть результаты выполнения теста, как показано на рисунке 4.

Рисунок 4. Просмотр результатов JUnit

vscode junit IDG

Рисунок 4.

Сохранение конфигурации рабочего пространства

Когда вы закроете VS Code, вам будет предложено сохранить конфигурацию рабочей области, предложив имя workspace.code-workspace. Сохраните конфигурацию, и когда вы снова откроете проект, вы обнаружите, что все ваши настройки на месте.

Код VS для Java

Возможности Java, имеющиеся в Visual Studio Code, сопоставимы с возможностями более традиционных Java IDE с установленными правильными расширениями. Разница: VS Code имеет тенденцию быть более легким и отзывчивым, и все обычно просто работает с минимумом суеты.

Эта скорость и простота в сочетании с возможностью беспрепятственно использовать другие технологические стеки (то есть вам не нужно переключать передачи на новую среду или возиться с конфигурацией) делают VS Code привлекательным вариантом для разработки на Java.

Авторские права © 2021 IDG Communications, Inc.


#Создайте #приложение #Java #Visual #Studio #Code

Source link