Ejercicio: Configuración del entorno de desarrollo

  • 15 minutos

Para usar Visual Studio Code para el desarrollo de Azure, tendrá que instalar Visual Studio Code de forma local y agregar una o varias extensiones de Azure. En este ejercicio, se agregará la extensión Azure App Service.

Instalación de Visual Studio Code

Para instalar Visual Studio Code, siga los pasos apropiados según el sistema operativo.

Windows

  1. Descargue el instalador de Visual Studio Code para Windows.

  2. Ejecute el instalador.

  3. Para abrir Visual Studio Code, presione la tecla de Windows o seleccione el icono de Windows en la barra de tareas, escriba "Visual Studio Code" y seleccione el resultado Visual Studio Code.

macOS

  1. Descargue Visual Studio Code para macOS.

  2. Expanda el contenido haciendo doble clic en el archivo descargado.

  3. Arrastre Visual Studio Code.app a la carpeta de aplicaciones.

  4. Para abrir Visual Studio Code, seleccione el icono de la sección Aplicaciones o busque Visual Studio Code en Spotlight.

Linux

Debian y Ubuntu

  1. Descargue e instale el paquete .deb (64 bits), ya sea mediante el centro de software gráfico (si está disponible) o bien desde la línea de comandos (reemplace <file> por el nombre del archivo .deb descargado):

    sudo dpkg -i <file>.deb
sudo apt-get install -f # Install dependencies

RHEL y Fedora

  1. Use el script siguiente para instalar la clave y el repositorio:

    sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > etc/yum.repos.d/vscode.repo'

  2. Actualice la caché de paquetes e instale el paquete mediante dnf (Fedora 22 y las versiones posteriores):

    dnf check-update
sudo dnf install code

openSUSE y SLE

  1. El repositorio yum también funciona para openSUSE y los sistemas basados en SLE. El script siguiente instala la clave y el repositorio:

    sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'

  2. Actualice la caché de paquetes e instale el paquete mediante:

    sudo zypper refresh
sudo zypper install code

Nota:

Para obtener más información sobre cómo instalar o actualizar Visual Studio Code en distintas distribuciones de Linux, vea la documentación sobre la ejecución de Visual Studio Code en Linux.

Instalación de la extensión de Azure App Service

  1. Si todavía no lo ha hecho, abra Visual Studio Code.

  2. Abra el Explorador de extensiones desde el menú de la izquierda.

  3. Busque Azure App Service.

  4. Seleccione el resultado de Azure App Service y, después, Instalar.

    En la siguiente captura de pantalla se muestra la extensión Azure App Service seleccionada en los resultados de la búsqueda de extensiones de Visual Studio Code:

    Captura de pantalla de Visual Studio Code en la que se muestra la pestaña Extensiones con la extensión Azure App Service resaltada en los resultados de la búsqueda.

Visual Studio Code instala la extensión. Ya está listo para conectarse a la suscripción de Azure e implementar una aplicación web, móvil o API en Azure App Service.

Aquí, instalará Visual Studio en la máquina de desarrollo con Windows o macOS.

Pasos del ejercicio

Para instalar Visual Studio, siga los pasos apropiados para el sistema operativo.

Windows

  1. Vaya a https://visualstudio.microsoft.com/downloads/ y seleccione la edición que quiere instalar.

    • Community (descarga gratis) siempre es gratis para alumnos y usuarios individuales
    • Professional (evaluación gratuita) para equipos pequeños
    • Enterprise (evaluación gratuita) para organizaciones grandes, con 500 dispositivos de usuario o más

  2. Cuando acabe de descargarse el archivo ejecutable, inicie el instalador y seleccione Modificar.

  3. En la pestaña Cargas de trabajo, seleccione la carga de trabajo Desarrollo de Azure. En el lado derecho de la pantalla, el panel Detalles de instalación muestra las herramientas y extensiones de Azure.

    Captura de pantalla de las cargas de trabajo del Instalador de Visual Studio con la opción

  4. (Opcional) Active las casillas para incluir las cargas de trabajo Desarrollo de ASP.NET y web, Desarrollo de Python y Desarrollo de Node.js para estar listo para crear aplicaciones web y scripts en Azure.

  5. Seleccione Instalar y espere hasta que se instale Visual Studio. Para los sistemas que ya tienen Visual Studio instalado, seleccione Modificar. Si se muestra el cuadro de diálogo Control de cuentas de usuario, seleccione Sí para permitir que se ejecute el instalador.

    El Instalador de Visual Studio le avisa de las actualizaciones necesarias para las versiones que tiene en el sistema.

  6. Cuando la instalación se haya completado, seleccione Iniciar para abrir Visual Studio.

Aquí, instalará Eclipse y Azure Toolkit en la máquina de desarrollo. Al final del ejercicio, tendrá todo lo necesario para crear una aplicación Java conectada a Azure.

Instalación del IDE de Eclipse

  1. Descargue el IDE de Eclipse adecuado para el sistema operativo.

  2. Inicie el instalador de Eclipse una vez descargado.

    • En Windows, haga doble clic en el archivo descargado.

    • En macOS y Linux, descomprima el instalador desde el archivo descargado y ejecútelo.

    Nota:

    Es posible que el instalador le solicite que instale Java Development Kit, en caso de que falte.

  3. Seleccione los paquetes que se instalarán. Para los desarrolladores de Java, elija la opción del IDE de Eclipse de Java o Java EE.

  4. Seleccione el destino de la instalación en la máquina.

  5. Inicie Eclipse para validar que se ha instalado correctamente.

Instalación de Azure Toolkit for Eclipse

La instalación de Azure Toolkit es igual en Windows, macOS y Linux.

  1. Inicie Eclipse y abra un área de trabajo.

  2. Arrastre el siguiente icono al área de trabajo de Eclipse para instalar el complemento Azure Toolkit for Eclipse.

    Captura de pantalla del icono de instalación de Eclipse.

  3. En el cuadro de diálogo de confirmación, seleccione Confirm (Confirmar) para continuar.

    Captura de pantalla del cuadro de diálogo de confirmación de la característica en Eclipse.

  4. Examine y acepte los contratos de licencia, y seleccione Finalizar.

  5. Eclipse descarga e instala el kit de herramientas de Azure.

  6. Si es necesario, reinicie Eclipse.

  7. Valide la instalación de Azure Toolkit; para ello, compruebe que aparece Azure en el menú Tools (Herramientas).

Aquí, instalará IntelliJ IDEA y Azure Toolkit en la máquina de desarrollo. Al final del ejercicio, tendrá todo lo necesario para crear una aplicación Java conectada a Azure.

Instalación de IntelliJ IDEA

  1. Descargue la versión adecuada de IntelliJ IDEA para el sistema operativo.

  2. Inicie el instalador de IntelliJ IDEA una vez descargado.

    • En Windows, haga doble clic en el archivo descargado.

    • En macOS y Linux, descomprima el instalador desde el archivo descargado y ejecútelo.

    Nota:

    Es posible que el instalador le solicite que instale Java Development Kit, en caso de que falte.

  3. Seleccione el destino de la instalación en el equipo y confirme las demás opciones.

  4. Inicie IntelliJ IDEA para validar que se ha instalado de forma correcta.

Instalación de Azure Toolkit for IntelliJ

La instalación de Azure Toolkit es igual en Windows, macOS y Linux.

  1. Inicie IntelliJ IDEA y abra un área de trabajo.

  2. Vaya a Configurar>Opciones.

  3. En el cuadro de diálogo Configuración, seleccione Complementos y, después, busque Azure Toolkit for IntelliJ en el marketplace de complementos.

    Captura de pantalla de IntelliJ IDEA en la que se muestra la ventana Configuración con la sección Complementos seleccionada y los resultados de la búsqueda para Azure Toolkit for IntelliJ.

  4. Seleccione Aceptar y después Instalar.

  5. Si se le solicita, revise y acepte los contratos de licencia. IntelliJ IDEA descarga e instala Azure Toolkit.

  6. Reinicie IntelliJ IDEA después de la instalación.

  7. Compruebe que Azure Toolkit ha instalado; para ello, vaya al menú Tools (Herramientas) y asegúrese de que aparece Azure.