No tienes acceso a esta clase

Para ver esta clase necesitas una suscripción a Platzi

Curso de Angular

Curso de Angular

Nicolas Molina

Nicolas Molina

Instalación y preparación del entorno de desarrollo2/56

En cortas palabras: Instalar un Editor de Texto o IDE tal como Visual Studio Code, Sublime Text, Atom, etc… Posteriormente instalar complementos como pluggins y software escencial como Node.js y la librería de Angular en el sistema operativo del equipo.

Visual Studio Code

  1. Descargar el software de la página oficial: https://code.visualstudio.com
  2. En la sección de extensiones instalar:
    Angular Language Service

    TSLint

Nota: Estas extensiones permiten mantener el código limpio, estructurado y actualizado a las reglas del “nuevo” JS.

Node.js

  1. Descargar e instalar el Instalador de Node.js: https://nodejs.org/en/download/
  2. Abrir una terminal/consola y ingresar el comando:
node -v

_Nota: Este comando permite saber la versión de Node.js en nuestro sistema operativo (mediante -v se conoce la versión)
_

Angular CLI

Ya teniendo instalado Node.js, podemos instalar en nuestro sistema operativo la libreria de Angular (CLI).

  1. Abrimos una consola o terminal.
  2. Ingresar el siguiente comando y esperar su instalación-
npm install -g @angular/cli

Documentación

Nodejs en todas partes 😦, como ha avanzado JavaScript 😃

En Mac es mejor instalar Homebrew y a tráves de Homebrew instalas n que es el node version manager de Node, así como otros packages y/o nuggets
En Windows usa Chocolatey para hacer lo mismo que Homebrew.

Puedo seguir el curso sin problemas con la versión 10. Quiero quedarme con esta porque es la versión estable.

Por qué para instalar el CLI comienza con un arroba?

@angular/cli

En VSCode al instalar TSLint sale un aviso que indica que ha sido marca como obsoleta, pero permite seguir utilizándola, por ahora todo funciona, para un fase de experimentación no parece haber problema, pero si se debe considerar como impacta de cara a desarrollo formal.

TSLint has been deprecated in favor of ESLint.

Para instalar angular es necesario correr el siguiente comando

sudo npm i -g @angular/cli@8.3.0

de esta manera, instalamos la versión de angular que ocupamos en este curso.

¿Por qué necesito NodeJS?

Excelente curso, Angular es una tecnologia muy escalable ya que usa typescript

Al principio dio problema en W10 pero toco googlear y corregir algunos errores…Excelente.

instalado,lista para aprender.

Instalado. Listo para aprender

como puedo tener de esa forma mi consola?

Si tienes la versión LTS de Node.js puedes usar el paquete n que te permite administrar interactivamente tus versiones de Node.js.

sudo npm install -g n
sudo n latest

Luego de reiniciar tu equipo, si ejecutas node -v deberías tener la última versión de Node.js.

Muy animado.

excelente curso

cual es la terminal que esta usando?

Tengo una duda sobre las versiones… con nvm podemos controlar cual es nuestra versión de Node global y por proyecto por lo que podemos estar cambiando cual utilizamos. Pero para angular como bien mencionas se trabaja con una versión global (como lo indicas con el -g) sin embargo para trabajar con una versión específica para un proyecto se utilizan sentencias similares a esta: npm i @angular/[email protected]
A lo que voy es como funciona todo este juego de versiones entre node, angular cli y demás paquetes que se incluyen con el?

esta vez si utilizare Visual studio code, veamos la diferencia con atom

Excelente

Si estan Empezando en VS code, Aca algunas configuraciones para que inicien

https://github.com/Andresdst/VisualStudioCode-conf-inicial

Done

se ve facil pero a la hora de la hora siempre sale algo.

Hola Nicolas veo que tu terminal no es la tipica de mac, utilizas algun plugin o configuracion especial para que tu terminal se vea asi?

f

Super recomendado vscode no solo para angular, sino para otros frameworks como Vue o React

En cortas palabras: Instalar un Editor de Texto o IDE tal como Visual Studio Code, Sublime Text, Atom, etc… Posteriormente instalar complementos como pluggins y software escencial como Node.js y la librería de Angular en el sistema operativo del equipo.

Visual Studio Code

  1. Descargar el software de la página oficial: https://code.visualstudio.com
  2. En la sección de extensiones instalar:
    Angular Language Service

    TSLint

Nota: Estas extensiones permiten mantener el código limpio, estructurado y actualizado a las reglas del “nuevo” JS.

Node.js

  1. Descargar e instalar el Instalador de Node.js: https://nodejs.org/en/download/
  2. Abrir una terminal/consola y ingresar el comando:
node -v

_Nota: Este comando permite saber la versión de Node.js en nuestro sistema operativo (mediante -v se conoce la versión)
_

Angular CLI

Ya teniendo instalado Node.js, podemos instalar en nuestro sistema operativo la libreria de Angular (CLI).

  1. Abrimos una consola o terminal.
  2. Ingresar el siguiente comando y esperar su instalación-
npm install -g @angular/cli

Documentación

Nodejs en todas partes 😦, como ha avanzado JavaScript 😃

En Mac es mejor instalar Homebrew y a tráves de Homebrew instalas n que es el node version manager de Node, así como otros packages y/o nuggets
En Windows usa Chocolatey para hacer lo mismo que Homebrew.

Puedo seguir el curso sin problemas con la versión 10. Quiero quedarme con esta porque es la versión estable.

Por qué para instalar el CLI comienza con un arroba?

@angular/cli

En VSCode al instalar TSLint sale un aviso que indica que ha sido marca como obsoleta, pero permite seguir utilizándola, por ahora todo funciona, para un fase de experimentación no parece haber problema, pero si se debe considerar como impacta de cara a desarrollo formal.

TSLint has been deprecated in favor of ESLint.

Para instalar angular es necesario correr el siguiente comando

sudo npm i -g @angular/cli@8.3.0

de esta manera, instalamos la versión de angular que ocupamos en este curso.

¿Por qué necesito NodeJS?

Excelente curso, Angular es una tecnologia muy escalable ya que usa typescript

Al principio dio problema en W10 pero toco googlear y corregir algunos errores…Excelente.

instalado,lista para aprender.

Instalado. Listo para aprender

como puedo tener de esa forma mi consola?

Si tienes la versión LTS de Node.js puedes usar el paquete n que te permite administrar interactivamente tus versiones de Node.js.

sudo npm install -g n
sudo n latest

Luego de reiniciar tu equipo, si ejecutas node -v deberías tener la última versión de Node.js.

Muy animado.

excelente curso

cual es la terminal que esta usando?

Tengo una duda sobre las versiones… con nvm podemos controlar cual es nuestra versión de Node global y por proyecto por lo que podemos estar cambiando cual utilizamos. Pero para angular como bien mencionas se trabaja con una versión global (como lo indicas con el -g) sin embargo para trabajar con una versión específica para un proyecto se utilizan sentencias similares a esta: npm i @angular/[email protected]
A lo que voy es como funciona todo este juego de versiones entre node, angular cli y demás paquetes que se incluyen con el?

esta vez si utilizare Visual studio code, veamos la diferencia con atom

Excelente

Si estan Empezando en VS code, Aca algunas configuraciones para que inicien

https://github.com/Andresdst/VisualStudioCode-conf-inicial

Done

se ve facil pero a la hora de la hora siempre sale algo.

Hola Nicolas veo que tu terminal no es la tipica de mac, utilizas algun plugin o configuracion especial para que tu terminal se vea asi?

f

Super recomendado vscode no solo para angular, sino para otros frameworks como Vue o React