Instalaciones previas

Este proyecto se encuentra realizado en Angular. Para instalarlo debe tener en cuenta las siguientes instrucciones:

1. Verificar tener instalados Node.js y npm**

¿Qué es y por qué se necesita instalar Node.js?

Es un entorno de ejecución (runtime environment) basado en JavaScript tiene como una de sus características principales su eficiencia para manejar la concurrencia. En Node no se utilizan "Threads", sino que su naturaleza asincrónica le permite evitar los locks. Se utiliza principalmente para aplicaciones que quieren ser escalables.

Los navegadores actuales solo reconocen JavaScript, y Angular está escrito en TypeScript. Para traducir de JavaScript a TypeScript se utiliza Node.js, y por eso es necesaria esta instalación.

¿Qué es y porqué se necesita instalar npm?

npm es el manejador de paquetes de JavaScript más completo actualmente. Se utilizará para descargar los paquetes necesarios para el proyecto, entre ellos todo lo relacionado con Angular.

Instalación

npm se instala por defecto al instalar Node.js, así que si ya instaló Node.js debería contar con npm. Para verificar la instalación puede ejecutar los siguientes comandos desde el terminal de comandos.

node -v

npm -v

Si al ejecutar estos comandos, visualiza las versiones en ambos casos, puede continuar. En caso contrario deberá instalar Node.js. Para ello puede seguir las instrucciones de descarga e instalación en https://www.npmjs.com/get-npm.

Se recomienda instalar la última versión estable (LTS) y no la última (current) para minimizar la probabilidad de errores de ejecución/compilación

Una vez finalizada la instalación, ejecute los comandos otra vez para verificar la instalación.

2. Instalar TypeScript

Antes de instalar TypeScript verifique si ya está instalado en su MV. Necesitamos la versión 2.7.2 :

tsc -v

Si no está instalado o no es la versión requerida, ejecute el siguiente comando desde el terminal de comandos:

npm install -g [email protected]

3. Instalar Angular

Ahora sí puede instalar Angular. Para hacerlo ejecute el siguiente comando desde el terminal de comandos:

npm install -g @angular/cli

Una vez finalizada la instalación, en el terminal de comandos diríjase al escritorio

cd Desktop

Y ejecute el siguiente comando

ng new my-app

Este comando genera una nueva aplicación en Angular6 con la estructura básica de cualquier proyecto. A continuación, desde el terminal de comandos diríjase a la carpeta que se acaba de crear:

cd my-app

Y ejecute el siguiente comando:

ng serve

Una vez el código haya sido compilado y la aplicación se haya desplegado, puede dirigirse a http://localhost:4200/ y ver su nueva aplicación corriendo.

Este último paso tiene como intención que usted se familiarice con Angular y los comandos que sirven para ejecutar la aplicación. Una vez haya finalizado la prueba de la aplicación my-app puede borrar el directorio de su escritorio

4. Plugin para Netbeans

Instalar Everlaw/nbts

Para ver y editar los archivos seguiremos utilizando Netbeans, para esto debemos instalar el plugin nbts de Everlaw. Este nos permitirá visualizar correctamente los archivos en TypeScript.

Primero debemos descargar el archivo .nbm del repositorio en github.

Luego en netbeans ir a Tools > Plugins > Downloaded y Add Plugins, aqui seleccionamos el archivo .nbm del plugin y lo instalamos reiniciando Netbeans(IDE) al finalizar.