?Introducción IDE IntelliJ IDEA Apps JAVA programación Profesor Ángel Aguinaga CIPSA Bilbao
23
septiembre
2021

En el siguiente artículo/video vemos como empezar a desarrollar aplicaciones en Java empleando el entorno de desarrollo IntelliJ IDEA de JetBrains. Para ello, creamos un proyecto de ejemplo y vemos cómo ejecutarlo, guardarlo y cargarlo posteriormente. Por último, examinamos las ayudas a la edición de código y detección de errores que provee la herramienta y cómo depurar nuestros códigos empleando los puntos de ruptura y la inspección de variables.

IntelliJ IDEA es un entorno de desarrollo multilenguaje que puede emplearse para la programación en Java y Kotlin para el desarrollo de aplicaciones de escritorio, web, distribuidas y para dispositivos móviles (Android).

El IDE puede descargarse desde la web de JetBrains:

https://www.jetbrains.com/es-es/idea/

Existen dos versiones:

1 Introducción al IDE IntelliJ IDEA

  • Ultimate -> Versión profesional que requiere licencia para el desarrollo de aplicaciones web y distribuidas.
  • Community -> Versión gratuita que permite el desarrollo de aplicaciones de escritorio y Android.

Una vez completada la instalación, se crea un acceso directo en el escritorio a IDE para poder iniciarlo.

Crear un proyecto de Java

Al abrir el IDE se nos muestra un cuadro de diálogo donde podemos abrir proyectos abiertos anteriormente o crear un nuevo proyecto.

Introducción al IDE IntelliJ IDEA 2

Si cerramos el IDE con un proyecto abierto, la próxima vez que iniciemos se abrirá directamente el proyecto en el que estábamos trabajando sin mostrar el cuadro de diálogo anterior.

En la pestaña “Customize” es posible modificar algunos parámetros de apariencia especiales como son el esquema de colores (Color Theme) y el tamaño de las fuentes empleadas (IDE Font):

Introducción al IDE IntelliJ IDEA 3

Creación de un nuevo proyecto

Pulsamos el botón “New Project” en la pestaña Projects del cuadro de diálogo.

Seleccionamos el tipo de proyecto (Java) y la versión del JDK a emplear (Project SDK). También es posible seleccionar gestores de dependencias como Gradle o Mavem.

 

Introducción al IDE IntelliJ IDEA 4

Por defecto el SDK tomado es el instalado en el ordenador, pero es posible desplegar la lista y seleccionar o descargar otras versiones del SDK de Java:

Introducción al IDE IntelliJ IDEA 5

Lo siguiente es seleccionar una plantilla de proyecto. La plantilla “Command Line App” define una aplicación sin GUI para ejecutarse desde la línea de comandos:

Introducción al IDE IntelliJ IDEA 6

En el siguiente cuadro de diálogo debemos indicar el nombre del proyecto, la ubicación en el disco donde deseamos guardarlo, y el nombre de paquete raíz que englobará todas las clases del proyecto:

Introducción al IDE IntelliJ IDEA 7

Si estás interesado en aumentar tus en desarrollo de aplicaciones de escritorio, web, distribuidas y para dispositivos móviles , visita nuestros Cursos de Programación

Ventanas del IDE

Introducción al IDE IntelliJ IDEA 8

El interfaz de usuario del IDE se divide básicamente en dos ventanas.

  • Ventana de proyecto -> Muestra la estructura del proyecto indicando la librería Java SDK que se emplea en “External Libraries”, y los paquetes y clases que componen el código fuente del proyecto en la carpeta “src”.
  • Ventana de edición -> Muestra el código de los ficheros que se están editando. Pueden editarse varios archivos al mismo tiempo que se muestran como pestañas en la parte superior. También es posible dividir la ventana para editar múltiples ficheros al mismo tiempo.

Ayudas a la edición del código

Autocompletado:  Muestra los posibles métodos que pueden llamarse indicando los argumentos y el tipo del valor retornado para seleccionar el que se quiere.

Introducción al IDE IntelliJ IDEA 9

Indicación de errores y sugerencias: Muestra errores en el código e indica sugerencias para resolverlos como importar paquetes necesarios para instanciar clases.

Introducción al IDE IntelliJ IDEA 10

Apertura de un proyecto

Para abrir un proyecto ya existente podemos hacer clic sobre su nombre en la ventana de inicio del IDE si ya lo abrimos anteriormente:

Introducción al IDE IntelliJ IDEA 11

Si por el contrario, no se ha abierto anteriormente el proyecto antes debemos pulsar el botón “Open” y seleccionar la carpeta donde se encuentra el proyecto. Las carpetas con un proyecto se muestran con un icono diferente:

Introducción al IDE IntelliJ IDEA 12

Cerrado de Proyecto

Para cerrar el proyecto actual seleccionamos:

File -> Close Project.

Ejecución y depuración

Al crear una aplicación de tipo consola se crea una única clase Main provista de un único método estático main():

Introducción al IDE IntelliJ IDEA 13

Podemos editar directamente el código en la ventana de edición y ayudarnos del autocompletado. Esta muestra los posibles métodos que pueden llamarse indicando los argumentos y el tipo del valor retornado para seleccionar el que se quiere.

Introducción al IDE IntelliJ IDEA 14

Implementamos el siguiente código de prueba:

Introducción al IDE IntelliJ IDEA 15

Si estás interesado en aumentar tus en desarrollo de aplicaciones de escritorio, web, distribuidas y para dispositivos móviles , visita nuestros Cursos de Programación

Ejecución del código.

Para ejecutar el código hacemos clic sobre el ícono Introducción al IDE IntelliJ IDEA icon 1 en la barra de herramientas.

Introducción al IDE IntelliJ IDEA 16

Esto ejecuta la aplicación por la configuración de ejecución predeterminada “Main”.

Si o deseamos ejecutar el proyecto a partir de otra clase debemos:

  • Seleccionar el archivo en ventana de proyecto
    • Hace clic con botón derecho
      • Seleccionar en opción “Run <archivo>”

Si el código no contiene error se despliega la ventana “Run” mostrando el resultado de la ejecución por pantalla:

Introducción al IDE IntelliJ IDEA 17

Errores de compilación

Los errores de compilación son aquellos que impiden la ejecución del código por algo que está mal escrito en algún archivo de código del proyecto.

Modificamos la línea 7 del código anterior borrando el valor 5:

Introducción al IDE IntelliJ IDEA 18

Al momento se muestra una línea roja:

Introducción al IDE IntelliJ IDEA 19

Y un indicador de errores en la parte superior.

Introducción al IDE IntelliJ IDEA 30

Si intentamos ejecutar el código se despliega la ventana Build mostrando los errores presentes en el código:

Introducción al IDE IntelliJ IDEA 20

Si hacemos clic en el vínculo del lado derecho se selecciona automáticamente la línea en la que se ha detectado el error de sintaxis.

Para comprobar si el código es correcto podemos compilar el proyecto sin ejecutarlo con el botón Introducción al IDE IntelliJ IDEA icon 2 de la barra de herramientas:

Introducción al IDE IntelliJ IDEA 21

Si la compilación es correcta, la ventana Build muestra el siguiente contenido:

Introducción al IDE IntelliJ IDEA 22

Depuración

La depuración permite detectar y corregir los errores de ejecución y lógicos. Para ello se emplean los puntos de ruptura. Para fijar un punto de ruptura se hace clic en el margen izquierdo de la línea donde se desea situarlo.

Una vez situado se muestra como un punto rojo en el margen izquierdo de una línea:

Introducción al IDE IntelliJ IDEA 23

Los puntos de ruptura ponen en pausa la ejecución del código cuando se ejecuta en modo de depuración mediante el icono Introducción al IDE IntelliJ IDEA icon 3

Introducción al IDE IntelliJ IDEA 24

Esto ejecuta la aplicación en modo de depuración empleando la configuración predeterminada “Main”.

Si queremos ejecutar en depuración el proyecto a partir de otra clase debemos:

  • Seleccionar archivo en ventana de proyecto
    • Hace clic con botón derecho
      • Seleccionar en opción “Debug <archivo>”

La ejecución se inicia hasta alcanzar el primer punto de ruptura y se detiene:

Introducción al IDE IntelliJ IDEA 25

Se abre entonces la ventana “Debug”. La ejecución puede continuarse a partir del punto de ruptura mediante los iconos de la barra superior:

Introducción al IDE IntelliJ IDEA 26

  • Introducción al IDE IntelliJ IDEA icon 4 Step Over  -> Salta a la siguiente línea sin importar si la actual es una llamada a otra función o método.
  • Introducción al IDE IntelliJ IDEA icon 5 Step Into -> Salta a la siguiente línea de la función o método llamado. Si no es una llamada se salta a la siguiente línea igual que en la opción anterior.
  • Introducción al IDE IntelliJ IDEA icon 6 Step Out -> Salta a la línea siguiente tras la llamada a la función o método actual.
  • Introducción al IDE IntelliJ IDEA icon 7 Run to Cursor -> Continúa la ejecución hasta la línea donde se encuentre el cursor.
  • Introducción al IDE IntelliJ IDEA icon 8 Resume Program -> Continúa la ejecución normalmente hasta el próximo punto de ruptura en encontrarse.
  • Introducción al IDE IntelliJ IDEA icon 10 Stop ‘<fichero>’ -> Detiene la depuración actual terminando la ejecución.

La pestaña “Frames” muestra las funciones/métodos ejecutados hasta alcanzar el punto de ruptura:

Introducción al IDE IntelliJ IDEA 27

La pestaña “Variables” muestra las variables presentes en el código con sus valores en el momento actual:

Introducción al IDE IntelliJ IDEA 28

Pueden añadirse más variables y expresiones pulsando el botón . El valor de las variables se actualiza al ir ejecutando línea a línea.

Configuración de puntos de ruptura

Los puntos de ruptura actúan por defecto deteniendo la ejecución cada vez que se alcanza la línea en modo de depuración. Sin embargo, puede configurarse para que sólo actúen al cumplirse una determinada condición:

            Run -> View Breakpoints…

Se abre un cuadro de diálogo que muestra la posición de todos los puntos de ruptura:

Introducción al IDE IntelliJ IDEA 29

Al seleccionar un punto de ruptura en el lado izquierdo se muestran sus opciones de configuración en el lado derecho. Si marcamos la casilla “Condition” e indicamos una condición, el punto de ruptura detendrá la ejecución únicamente cuando la ejecución lo alcance y la expresión indicada se evalúe como cierta.

Si estás interesado en aumentar tus en desarrollo de aplicaciones de escritorio, web, distribuidas y para dispositivos móviles , visita nuestros Cursos de Programación

VIDEO TUTORIAL EXPLICATIVO PASO A PASO

Author

Ángel Aguinaga

Profesor de Programación y Bases de Datos de la Sede Bilbao. Formador experimentado en áreas como .Net, Java, BB.DD., Python, Desarrollo y programación Web.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Recibe de primero nuestras ofertas de empleo y noticias