Angular: 1. Instalaciones necesarias

Instalaciones necesarias para empezar a trabajar con Angular:

1. Google Chrome. Navegador web donde probaremos las aplicaciones. Normalmente ya lo tendremos instalado.
https://www.google.es/chrome/browser/desktop/

2. NodeJS.
https://nodejs.org/es/

3. TypeScript.
http://www.typescriptlang.org/

4. Angular CLI.
https://cli.angular.io/
https://github.com/angular/angular-cli

5. Ionic.
http://ionicframework.com/getting-started/

6. GIT. Opcional. Herramienta de manejo de versiones y repositorios para proyectos.
https://git-scm.com/downloads

7. Editores de Texto. Los utilizaremos para escribir nuestro código. Sólo nos hace falta uno, pero ponemos 2 opciones:

Atom (https://atom.io/) o Visual Studio Code  (https://code.visualstudio.com/).



Para estos editores de texto también resulta útil instalar los siguientes plugins:

Atom
• Angular 2 Type Script Snippets
• Atom Bootstrap3
• Atom Typescript
• File Icons
• Platformio Ide Terminal
• V Bootstrap4

Visual Studio Code
• Angular 2 TypeScript Emmet
• Angular 5 Snippets – TypeScript, Html, Angular Material...
• Angular Language Service
• Angular v5 Snippets
• Angular2-inline
• Bootstrap 4 & Font Awesome snippets
• HTML CSS Support
• JavaScript (ES6) code snippets
• JS-CSS-HTML Formatter
• JSHint
• Material Icon Theme
• Prettier – Code Formatter

Ahora veamos cómo instalar cada una de éstas herramientas:

Google Chrome

No creo que sea necesario indicar cómo se instala Google Chrome...

NodeJS

Para instalar NodeJS, nos vamos a su url y descargamos la versión actual. La instalación es de tipo "Siguiente --> Siguiente" así que no va a haber problemas:

Una vez instalado, para comprobar que se ha ejecutado correctamente, abrimos la consola de Windows y ejecutamos el comando "node -v", que nos indicará la versión instalada.

Al instalar el NodeJS también hemos instalado el npm (Node Package Manager), que utilizaremos para instalar el resto de herramientas. También podemos comprobar su versión con el comando "npm -v":

TypeScript

Para instalar TypeScript, nos vamos a su url y nos indica un comando que debemos ejecutar por consola para instalarlo:

El comando tiene un "-g", lo que significa que debemos ejecutarlo con permisos de administrador. Para ello, nos vamos a la consola de Windows escribiendo "cmd", hacemos click derecho y lo ejecutamos como Administrador:

Una vez en la consola, escribimos el comando indicado y pulsamos "enter":

Para comprobar que se ha instalado correctamente, ejecutamos el siguiente comando, que nos deberá indicar la versión que hemos instalado:

Angular CLI

Al igual que con TypeScript, nos vamos a la url y ejecutamos por consola el comando indicado:

Comprobamos la versión instalada con el siguiente comando:

Ionic

Igual, accedemos a la url y ejecutamos el comando indicado por la consola:

GIT

Para instalar GIT, entramos en su url y descargamos el instalador:

Una vez descargado, lo ejecutamos. Nos van a aparecer muchas opciones diferentes, pero simplemente pulsamos en "Siguiente - Siguiente" hasta terminar.

Atom

Para instalar Atom, únicamente debemos acceder a su web y descargar el instalador, que ejecutaremos después, y listo, no tiene más complicación:

Visual Studio Code

Para instalar Visual Studio Code el procedimiento es el mismo que con Atom, únicamente descargar el instalador y ejecutar:

Plugins Atom

Para instalar los plugins en Atom, simplemente seguimos la ruta indicada:

En la pestaña Install, escribimos el nombre del plugin y lo instalamos sin más:

Plugins Visual Studio Code

Para instalar los plugins en Visual Studio Code, el procedimiento es parecido. Pulsamos en el icono de caja en la parte inferior izquierda, y aparecerá una caja de texto, en la que escribimos el nombre del plugin y lo instalamos sin más: