Creando nuestro proyecto con Angular CLI

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 “rexjs” 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 ‘Disable 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.

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 ‘ahora’

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 ‘files’ or ‘include’ 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.