Desarrollo Web

Pasos previos

Spring Tool Suite 4 está ahora disponible para más de un IDE, no solamente para Eclipse, y en este artículo vamos a ver cómo instalarlo para Visual Studio Code. Para ello necesitamos Java y Maven, en este caso usaremos la versión 8 de Java.

Haremos la instalación utilizando Oracle JDK, ya que hay un plugin de los que necesita Spring Boot a la hora de ejecutar los test de un proyecto, que a día de hoy tiene con Ubuntu una incidencia abierta con JDK, en particular con el OpenJDK, sin embargo con el de Oracle funciona correctamente.

Para poder hacer la instalación seguimos estos pasos:

java -version

sudo add-apt-repository ppa:webupd8team/java

sudo apt update

sudo apt install oracle-java8-installer

sudo apt install maven

Instalación Visual Studio Code

Visual Studio Code es uno de los IDEmás usados y lo podemos encontrar para cualquier plataforma, ya sea Windows, Linux o Mac.

Para instalarlo en Linux se deben seguir los pasos que se indican en esta URL:

https://code.visualstudio.com/docs/setup/linux

Vamos a realizar la instalación añadiendo manualmente el repositorio, para ello realizamos estos pasos:

sudo apt-get install apt-transport-https
sudo apt-get update

• Instalamos curl:

  sudo apt install curl

• Descargamos el certificado:

  sudo install -o root -g root -m 644 microsoft.gpg / etc/apt/trusted.gpd.d/

• Instalamos el mismo y añadimos el repositorio:

  
  sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"
  > /etc/apt/sources.list.d/vscode.list'

• Instalamos o nos aseguramos que está esté instalado este paquete:
• Instalamos Visual Studio Code:

  sudo apt-get install code # or code-insiders

Primeros pasos con Visual Studio Code

Ya tendremos instalado Visual Studio Code, que como hemos dicho antes es un editor de texto francamente fresco y que está de moda.

Podemos encontrar las Spring Tool Suite para Visual Studio en el propio marketplace, accediendo a https://marketplace.visualstudio.com/items?itemName=Pivotal.vscode-boot-dev-pack, o bien instalarlas directamente desde el propio editor. Para ello pulsamos el icono de extensiones y buscamos la de Spring Boot Extension Pack.

Una vez instalado tenemos que recargar el editor y ya lo tendremos listo para trabajar.

Comenzamos pulsando en Open Folder para elegir nuestra carpeta de documentos. Una vez nos aparezca en el explorador, pulsamos la opción New Folder para crear una nueva carpeta, que podemos llamar por ejemplo, Proyectos.

En esa carpeta vamos a crear un nuevo proyecto de Spring Boot, para ello pulsamos las teclas CONTROL+MAYUSCULAS+P para acceder a la paleta de comandos, y elegimos Spring Initializr: Generate a Maven Project para iniciar un proyecto con Maven, y después seleccionamos Java.

Elegimos el grupo id y el artifact, que en nuestro caso mantenemos los que aparecen por defecto. A continuación elegimos la opción 2.1.0, que es la última que hay estable.

Después podemos ir añadiendo las dependencias que necesitásemos, por ejemplo nosotros añadimos la dependencia web y el motor de plantillas de Thymeleaf. Una vez añadidas, pulsamos ENTER para continuar y elegimos la ruta dónde crear el proyecto, en nuestro caso será en Proyectos.

Una vez creado podemos abrirlo o añadirlo al workspace, ya podemos comprobar cómo tendríamos la estructura de nuestro proyecto y podríamos instalar algunas otras extensiones asociadas a Java que necesitáramos.

Para ejecutar nuestro proyecto, tan solo tendríamos que hacerlo usando Maven a través de un nuevo terminal, desde el menú Terminal/New Terminal, en la que introducimos:

mvn spring-boot:run

También podemos lanzar el proyecto directamente desde un terminal normal, para lo que accedemos a la carpeta en la que se encuentra el mismo y ejecutamos:

mvn spring-boot:run

Así quedaría lanzada nuestra aplicación en el puerto 8080, que es el puerto por defecto.