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