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 12 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 (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á. Es posible que para que nos deje instalarlo, tengamos que desactivar el antivirus Avast y reiniciar. Además, para instalarlo, en las diferentes pantallas en las que tenemos que avanzar, nos ofrece en un checkbox la posibilidad de incluir software opcional (como Chocolatey), este tick no es necesario marcarlo, no hace falta instalar ese software adicional.

  • 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