2019

Manual de instalación
y configuración de las
herramientas de
desarrollo Frontend

EQUIPO DE DESARROLLO

ASESORES Y CONSULTORES S.A

MANUAL DE INSTALACION Y CONFIGURACION DE LAS HERRAMIENTAS DE
DESARROLLO FRONTEND

Nombre del documento REQFUN CT-Obligaciones por Pagar

Versión V1.0
Fecha 27-03-2019
Autores Equipo de desarrollo frontend
Gerente de Área Henry Gutiérrez Saona

HISTORIA DE APROBACIONES

APROBACIONES

Nombre Titulo Fecha Firma

Rubén Barrantes CEO
Henry Gutiérrez Saona CIO

REVISORES

Nombre Titulo Fecha Sección Revisada

Rubén Barrantes CFO Financieras
Henry Gutiérrez Saona CIO 26.03.2019 Todas
Sixto Bocanegra Coronel Planificación 26.03.2019 Todas

HISTORIA DE REVISIONES

Versión Fecha de Revisión Cambios Autor

V.1.0 26.03.2019 Inicio del documento Sixto Bocanegra Coronel

LISTA DE DISTRIBUCIÓN

Nombre Fecha Versión

Rubén Barrantes 26.03.2019 V1.0
Equipo de Desarrollo
 Manual de Instalación y configuración de herramientas de
desarrollo Frontend
1. Instalación de un entorno de asíncrono para la capa de servidor.
A continuación, se instalará el entorno asíncrono node.js.

1.1. Paso 1 - Descargar Node.js:

Descargar Node.js del siguiente enlace:
https://nodejs.org/es/

Seleccionamos la versión 10.15.3 para el Sistema Operativo Windows. (La

versión LTS).

Nos muestra el archivo descargado y le damos click para abrirlo.

Nos saldrá el siguiente mensaje y le demás aceptar.

Después de hacer click nos saldrá lo siguiente.

Damos siguiente o next para seguir con la instalación.

Por último le damos click en e botón install para comenzar la instalación.
Nos saldrá la siguiente vista donde estará instalándose.

Una vez se haya instalado, nos saldrá lo siguiente y le damos click en finish.

Un último paso sería comprobar que nuestro node.js se haya instalado

correctamente, para ello abrimos la consola de comandos y escribimos lo
siguiente.
 Luego le damos enter a lo escrito anteriormente y nos mostrará la versión de
node.js instalada en nuestra computadora. Luego procederemos a cerrar al
cierre de la consola de comandos.

1.2. Paso 2 -Ejecutar el template Vuesax Admin:

Para ello se debió instalar previamente el editor visual studio code, además
se descargará del drive el archivo “vuesax-admin-v1.1”:
Abrimos Visual Studio code y abrimos la carpeta vuesax-admin-v1.1 en el
editor.

Después de hacer lo anterior realizamos el comando “ctrl + ñ”, lo cual nos

abrirá la consola de comandos del editor con la ruta de nuestro proyecto.

Digitamos dentro de la consola abierta lo siguiente: “npm install” y le damos

enter.
Esperamos que se descarge las librerias necesarias para el template.

Luego de que la descarga se complete nos aparecerá esto.

Escribiremos nuevamente en la consola del editor lo siguiente “npm run

serve” para ejecutar la plantilla, pero durante la ejecución nos aparecerá un
diálogo para darle acceso a nuestra red pública y le damos clic en permitir
acceso.
Luego de hacer aquello nos saldrá la url local para poder ver nuestra plantilla
u template.