No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Creando nuestro proyecto con Angular CLI

16/28
Recursos

Para preparar nuestro entorno de trabajo lo primero que debemos hacer es instalar Node.js. Una vez tenemos instalado Node en nuestro computador, debemos instalar el CLI de Angular mediante el comando:

npm install -g @angular/cli

Ya que tenemos listo el CLI, creamos nuestro proyecto con el siguiente comando y contestando las preguntas de configuraci贸n que nos haga:

ng new typescript-platzi

Aportes 41

Preguntas 8

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Con ng serve -o se abre autom谩ticamente el proyecto en el navegador

arranque estudiando como SublimeTex. ahora a VS Code, no lo cambio por nada!

Me encanta su forma de explicar es muy claro y conciso, con tan buena explicaci贸n todo es f谩cil de usar.

  1. Descargar Nodejs
  2. Instalar Angular CLI con npm en la terminal
npm install -g @angular/cli
  1. Crear un nuevo proyecto con Angular Cli en la terminal
ng new typescript-platzi
  1. En package.json modificar 鈥渞exjs鈥 y darle un valor de 鈥渵6.0.0鈥
  2. En la terminal vamos al directorio de nuestro proyecto
cd typescript-platzi
  1. En la terminal actualizamos nuestro proyecto porque modificamos el package.json
npm update
  1. Vamos a la consola de nuestro navegador, luego damos click a los tres puntos arriba a la derecha, damos click a settings y vamos hasta donde dice Network y chuleamos _ _.
  2. En la terminal cargamos nuestro servidor
ng serve
  1. TENEMOS NUESTRA APLICACION!

Por que estamos usando una versi贸n antigua de rxjs?

RxJS es una librer铆a muy 煤til de Javascript, que te ayuda a gestionar secuencias de eventos mediante la utilizaci贸n del patr贸n de dise帽o Observer, que puedes aprender en el Curso Profesional de Javascript.

La raz贸n por la cual se utiliza un versi贸n anterior es la misma por las que se instala la versi贸n LTS de Node, muchas veces encontramos errores o bugs en las versiones mas recientes y estos luego son parcheados en versiones anteriores, por lo que se trabaja bajo una versi贸n estable y segura (a menos que la versi贸n mas reciente sea una dependencia directa).

Porque haces el cambio de versi贸n de rxjs? no entiendo.

Gracias, porque nos ayudo con varias configuraciones 煤tiles para VSC.馃榾

Que lindo como ha avanzado Angular con respecto a la estructura by default al iniciar un proyecto 馃槃

En firefox hay que abrir primero la consola, luego ir a opci贸nes y finalmente (casi hasta abajo de la lista) activar la opci贸n 鈥楧isable HTTP Cache (when toolbox is open)鈥.

Compa帽eros no se a que se deba pero en el momento en el que ejecute ng serve me dio un error en el Workflow o algo as铆 y no compilaba, despu茅s de muchas horas de investigar lo pude solucionar as铆: Primero eliminas el proyecto despu茅s en la terminal:
npm cache clean --force
npm update
despu茅s vuelves a crear el proyecto y ya compila sin problemas.

ya instal茅 el angular pero dice que van a sacar el 8 a fin de este mes de mayo/2019, entonces cuando salga , c贸mo lo actualizo ?

Si ya tenian npm y node instalados antes, les recomiendo eliminarlo y borrar las carpetas de cache e reinstalar node. Asi corregi problemas de path.

Gracias

Hasta ahora va todo perfecto, typescript, angular y vscode me hjan gustado mucho!!

pretty good 馃槂

Ya vengo usando VSCode desde tiempo y recien estoy empezando en Angular y me esta gustando, creo que es el primer framework que me gustaria aprender a profundidad 鈥榓hora鈥

Me sal铆a este error

ERROR in ./src/main.ts
Module build failed: Error: <path\to\>src\main.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 鈥榝iles鈥 orinclude鈥 property.

Por si a alguien m谩s le sale lo solucion茅 poniendo esto en el archivo angular.json en el siguiente apartado

Se coloca:

"preserveSymlinks": true,

Para evitar cambiar de ruta

si usas firefox en linux, la caja de cach茅 ya viene desmarcada por defecto.

La parte de deshabilitar el cache tambien se encuentra en el tab de devtools que se llama network, aparce como un select en el menu superior

el CLI es una herramienta.

Muy buena explicaci贸n!!

Hola! 馃檪 Si yo ten铆a instalada una versi贸n espec铆fica de Angular-cli (porque necesitaba trabajar con Angular v4) y actualizo Angular-cli, podr铆a seguir trabajando proyectos en distintas versiones de Angular?

Ya que surgi贸 茅ste caso, que recomiendas para trabajar diferentes proyectos con diferentes versiones de Angular en un mismo PC? y C煤al ser铆a la mejor pr谩ctica para incluir las nuevas versiones en nuestros proyectos? Gracias!

Como hago para trabajar con distintas versiones de Angular en una misma computadora? Se puede?

hasta el momento todo va genial, llevo usando vscode ya un tiempo y es muy bueno

La verdad que este curso es bueno de madre, este tio explica absolutamente todo, me acuerda a las clases de Xamarin con Rodrigo D铆az Concha.

VS Code es muy bueno, actualizaciones peri贸dicas y mejoras constantes- Angular CLI por su parte es muy potente y eficaz a la hora de desarrollar. Excelentes herramientas.

La verdad que esta muy bueno angular, una vez termine este curso, comenzare con los de angular

cunado creo el proyecto no me viene node_modules y no puedo iniciar ng serve 鈥 que puedo hacer ?

Para preparar nuestro entorno de trabajo lo primero que debemos hacer es instalar Node.js. Una vez tenemos instalado Node en nuestro computador, debemos instalar el CLI de Angular mediante el comando:

npm install -g @angular/cli

Ya que tenemos listo el CLI, creamos nuestro proyecto con el siguiente comando y contestando las preguntas de configuraci贸n que nos haga:

ng new typescript-platzi

Porque sale este error? 馃槮

Angular me encanta, y vscode es un amor 鉂わ笍

al momento de instalar el proyecto, son 400Mb 馃槻馃槻馃槻
Muy pesado para mis ojos jaja

aqu铆 dejo un tutorial para instalar npm y node en Linux, recomiendo la opci贸n 3 para administrar las versiones.

https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04-es

Bueno, he sido mas fan de vue, pero Angular no me disgusta, hay que seguir viendolo, y VS lo amo, trabajo con el siempre 馃槂 jaja

https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode
por aqu铆 les dejo una extensi贸n para que vsc se vea como el del profe pero modo ne贸n

Inicie con brackets pero rapidamente comenc茅 con vscode, me gusta full y poco a poco le he tomado mas practica

El comando ng serve -oabre de forma autom谩tica el proyecto en el navegador 馃憣

Genial clase, angular pinta muy bien 鈾

Definitivamente Visual Studio Code me ha parecido espectacular para todo tipo de desarrollos y es muy f谩cil de usar.
En cuanto a Angular CLI puedo decir que es genial poder gestionar la aplicaci贸n desde l铆nea de comandos.