1º tutorial: Angularjs 2 desde 0 – Herramientas necesarias

1
485
Curso Angularjs2 desde 0
Curso Angularjs2 desde 0

angularjs2 desde 0 es mi nueva serie de tutoriales sobre Angular Js 2. Vamos aprender todo lo necesario para programar con este framework sin morir en el intento. Necesitamos una serie de instalaciones en el ordenador. Si tenéis dudas ó algún problema tenéis que comentar explicando lo más detalladamente posible el problema para que pueda resolverlo. Los tutoriales son bastante sencillos así que no preocuparse por ahora.

Resumen

  1. Dejar comentarios si tenéis dudas.
  2. Podéis coger los códigos de ejemplo sin problema, aunque yo no lo recomiendo ya que el objetivo es que aprendáis haciéndolo vosotros mismos.
  3. Vamos aprender Angular JS 2 con ejemplos,conceptos básicos y explicaciones sencillas desde 0. Si tienes ganas, vas a aprender sin tener conocimientos previos de este framework.

Indice

  1.  Instalar NodeJS
  2.  Instalar Typescript
  3.  Instalar Angular CLI
  4.  Instalar Atom

Instalaciones Mínimas para programar en AngularJs 2

Vamos a empezar a realizar una serie de instalaciones necesarias para desarrollar aplicaciones en angularjs 2. Es muy importante seguir el orden de instalaciones que se indica en los tutoriales para así evitar posibles errores. Vamos poco a poco…

1º Paso: Instalacion de NODEJS

Nos vamos a la página de Node js https://nodejs.org/es/ descargan el paquete para tu versión de S.O ya sea Windows o Mac. Debéis instalar la versión LTS (botón de la izquierda) el instalador no tiene nada de misterio (siguiente…siguiente…)

Node JS
Node JS

2º Paso: Instalacion de TypeScript

Nos vamos a la página de typescript https://www.typescriptlang.org/ . Dentro de la página pueden comprobar como hay una serie de comandos como: npm install -g typescript. Esos comandos sirven para instalar el typescript. El comando npm significa: node package manager. la opción -g significa que se va a realizar esa instalación de forma global y por lo tanto se requieren privilegios de administrador.

Si tienen windows deberán abrir la consola de comando (cmd) y ejecutarla con permisos de administrador. Una manera fácil de hacerlo es buscar la palabra “cmd” y cuando aparezca “símbolo de sistema” botón derecho y ejecutar con permisos de administrador.

La instalación de typescript

npm install -g typescript



Copiando y pegando ese código ya tendriamos el typescript instalado y ya procederíamos al siguiente paso.

3º Paso: Instalación de Angular CLI

Nos vamos a la página de https://cli.angular.io/ este paso es fundamental ya que con esto vamos a desarrollar las aplicaciones y otros compentes.

Instalar Angular CLI
Instalar Angular CLI

La instalación de angular CLI

Para instalar use el siguiente comando a través de la terminal, lo mismo como en typescript.

npm install -g @angular/cli

Para cuando tengáis que actualizarlo porque ya lleváis tiempo con él tenéis que usar los siguientes comandos:


npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

[La ejecución sería: Primero se desinstala, con el segundo se limpia la caché y por último se vuelve a instalar]

Nota: La instalación de este comando tarda bastante.

4º Paso: Instalación de un editor de texto

Necesitáis un buen editor de texto, yo normalmente trabajaba con sublime text pero hace relativamente poco descubrí Atom y para mí es uno de los mejores editores de texto que he visto. Además de ser Gratuito!.

Vais a poder ver la estructura de las aplicaciones una especie de sidebar a la izquierda del programa y eso nos ayudará a ser más productivos. Dejo el enlace para que lo descarguéis. https://atom.io/ Para descargarlo es siguiente..siguiente…osea muy Fácil.

 

Todo listo para comenzar a desarrollar

A partir de ahora ya tenéis todo listo para comenzar a desarrollar en los siguientes tutoriales Angular Js 2. Nos vemos pronto!

1 Comentario

Dejar respuesta

Please enter your comment!
Please enter your name here