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 (si no funciona la descarga hacer click derecho → Guardar enlace como...). 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.

Instalación del front-end

En primer lugar, tendremos que instalar npm y Vue:

• Node.js: descargar de aquí e instalar, cualquiera de las dos versiones que nos ofrece nos valdrá.

• 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.