• Creado por Usuario desconocido (pedro.delgado@ticarum.es), actualizado por última vez el sep 25, 2020 3 min de lectura

Estás viendo una versión antigua de esta página. Ve a la versión actual.

Comparar con el actual Ver el historial de la página

« Anterior Versión 3 Siguiente »

Para FundeWebJS se utilizarán dos IDEs separados. Para el back-end (Java - Spring Boot) utilizaremos el Eclipse de FundeWeb 2.1, mientras que para el front-end (Vue) se usará Visual Studio Code. Esto se debe a que, actualmente, Eclipse no tiene las herramientas y plugins necesarios para trabajar con Vue.

Instalación del back-end

En primer lugar, habrá que instalar FundeWeb 2.1. Podremos descargar su instalador desde el siguiente enlace: Instalador FundeWeb - latest. Para ejecutar el .jar que se nos descarga, tendremos que hacerlo como administrador. Para ello:

  • Nos abrimos una terminal de comandos como administrador: Menú de Windows → Buscamos “cmd” → Click derecho en “Símbolo del sistema” → Ejecutar como administrador

  • Nos situamos en el directorio que contiene el instalador: cd C:\Users\nombre.usuario\Downloads

  • Lo ejecutamos con java -jar “FwdInstalador-latest.jar”

  • En el instalador, seleccionamos la primera opción (Instalación), y sólo tendremos que ir avanzando y aceptando.

Ahora, mientras los plugins de Spring Boot no estén empaquetados junto a FundeWeb 2.1, tendremos que añadirlos manualmente. Para ello, tendremos que seguir el siguiente proceso:

  • Descargamos Spring Tools de https://spring.io/tools. Seleccionamos la opción Spring Tools 4 for Eclipse → Windows 64 bits. Se nos descargará un archivo .jar que tendremos que ejecutar de la misma manera que el instalador de FundeWeb. Tendremos otro Eclipse instalado en la misma carpeta que contiene el .jar, en un directorio cuyo nombre será algo como sts-4.6.2.RELEASE, pudiendo cambiar la versión.

  • Dentro de ese directorio, iniciamos el Eclipse instalado ejecutando SpringToolSuite4.exe.

  • Una vez abierto, nos vamos a File → Export → Install → Installed Software Items to File:

  • Seleccionamos todo, indicamos nombre y localización del archivo que se generará, y marcamos que incluya las entradas no encontradas en repositorios:

  • Una vez finalizado el proceso podemos cerrar el Eclipse de Spring.

  • Abrimos FundeWeb 2.1 y nos vamos a File → Import → Install → Install Software Items from File:

  • En la siguiente ventana, con Browse seleccionamos el archivo que hemos generado previamente. Pulsamos en Select All y marcamos los dos ticks, de modo que quede así:

  • A continuación, dejamos marcada la primera de las tres opciones disponibles y continuamos:

  • En las siguientes pantallas pulsamos Next, aceptamos los términos, y Finish.

  • Durante la instalación, nos saltará un warning, y tendremos que clickar en Install anyway. Cuando termine la instalación, nos pedirá que reiniciemos Eclipse, tras lo cual ya tendremos instalado todo lo necesario para trabajar con Spring Boot.

Instalación del front-end

En primer lugar, tendremos que instalar npm y Vue:

  • NPM: descargar de aquí e instalar.

  • Vue: en una terminal ejecutamos npm install -g @vue/cli.

Para programar la parte de Vue, el front-end, se utilizará Visual Studio Code con una serie de extensiones.

  • En primer lugar, descargamos Visual Studio Code de https://code.visualstudio.com/, y lo instalamos.

  • Para importar las extensiones, primero habrá que descargar este pack: FundeWebJS Vue Extension Pack

  • Ahora, dentro de Visual Studio Code, nos vamos a la pestaña de extensiones (barra lateral izquierda, icono con cuadrados), pulsamos en los tres puntitos de arriba y seleccionamos Install from VSIX…:

  • Seleccionamos el archivo descargado y se nos instalarán las extensiones correspondientes, dejándolo listo para empezar a desarrollar con Vue.

  • Sin etiquetas