Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 13D : 4H : 53M : 20S

Debes iniciar sesión

Para ver esta clase crea una cuenta sin costo o inicia sesión

Curso de Angular 4

Curso de Angular 4

Eduardo Ibarra

Eduardo Ibarra

Generación y estructura de Angular 47/80

Vamos a instalar las herramientas que usaremos para generar nuestro proyecto Angular 4.

  • Node.js, en la consola validamos que tenemos instalado npm con el comando:

npm -v

  • Angular CLI, recuerda ejecutar los comandos con privilegios de administrador.

Si habíamos instalado una versión de Angular-CLI previamente y queremos actualizarla, debemos ejecutar los siguientes comandos:

1. npm uninstall -g @angular/cli
2. npm cache clean
3. npm install -g @angular/[email protected]

NOTA: ejecutarlos con sudo de ser necesario.

npm install -g @angular/cli
por defecto bajara la ultima versión de angular

Me funciono con http://localhost:4200/ tranquilamente

  1. Instalación de angular 4: npm install -g @angular/[email protected]
  2. Creación del proyecto: ng new platzisquare
  3. Ejecución del proyecto: ng serve
  4. Mostrar sitio web en el navegador: http://localhost:4200/

ng serve --open

abre directamente el proyecto en el navegador web desde la consola.

Hola muchachos, cuando creo un nuevo proyecto usando ng new me pregunta si deseo agregar Angular routing y que formato de stylesheet deseo usar.

Para continuar con el curso seleccione No y CSS respectivamente, pero no se a que se refieren con el termino Angular Routing y si debo agregarlo o no. Debo ignorarlo por el momento??

Si alguien esta trabajando en Windows por cualquier razon, puede usar Laragon

https://laragon.org/

Inicialmente era una herramienta para Laravel, pero se pueden bajar una version con el npm instalado… Creará una carpeta www en el disco C:/laragon/www y ahi pueden comenzar distintos proyectos, tanto en angular como en otras cosas… y se manera con una terminal con comandos de Linux 😉

Cuando intenten instalar el CLI como el video es un poco viejo se instalara la ultima version, recomiendo instalar exactamente la version 4 para completar el curso, cuando esten en la parte de instalar el cli pueden usar este comando para la version 4

npm i @angular/[email protected] -g

Siempre ejecutar el comando npm install -g @angular/cli con permisos de super usuario (root)
sudo npm install -g @angular/cli

Pueden usar npx que no instala los paquetes en nuestros PCs si no que descarga los paquetes para un solo uso y siempre descarga la versión mas nueva

npx -p @angular/cli ng new

Eso si deben tener la ultima version de npm 😉

npm i -g npm

Con el comando “ng serve -o” te abre el proyecto directamente en el navegador.

Para continuar con el curso yo instale la versión 4 de este modo.

npm install -g @angular/[email protected]

Seria bueno actualizar este curso a Angular 7 u 8

Buenas tardes al momento de tipear el comando ng new platzisquare salen estas preguntas
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS

Al responderlas sea que responda yes o no y seleccione cualquier opción para los estilos despliega este error:

**Schematic input does not validate against the Schema: {“name”:“platzi_square”,“version”:“7.1.1”,“routing”:true,“style”:“css”}
Errors:

Data path “.name” should match format “html-selector”.**

Como puedo solucionarlo, he investigado en la red, pero ninguna respuesta satisface mi necesidad.

hola grupo, tengo instalado el node.js version 6.4.1 y de editor Atom

Seteando nuestra aplicacion desde Angular CLI

Hay un error cuando se termina el módulo, al darle siguiente video este no avanza

Hola Buenas noches,
soy super nueva en esto y no se porque a mi no me corre, les anexo mi código

C:\Users\LENOVO> sudo npm install -g @angular/cli
"sudo" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.

¿Existe un comando con el NPM para instalar una versión de Angular en específico?, para la fecha ya salió Angular 6, pero me gustaría usar la versión 4.x

Para aquellos que estén haciendo este curso y tienen instalada la versión 7 de angular, pueden ejecutar este comando para cambiar a la versión 5 que es retrocompatible con la versión 4
npm install -g @angular/[email protected]

no se que pasa

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] ([email protected]\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

Sin realizar el comando en la terminal ng server. No se podría ver tu aplicación en el navegador

yo tengo la ultima versión CLI que es la 8.

Cuando intenté ejecutar el código para crear una nueva app, me arrojó el siguiente mensaje:

`ng new PlatziSquare
ng : No se puede cargar el archivo C:\Users\alfir\AppData\Roaming\npm\ng.ps1. El archivo C:\Users\alfir\AppData\Roaming\npm\ng.ps1 no está firmado
digitalmente. No se puede ejecutar este script en el sistema actual. Para obtener más información acerca de la ejecución de scripts y la configuración de la
En línea: 1 Carácter: 1

  • ng new PlatziSquare
  • ~~
    • CategoryInfo : SecurityError: (😃 [], PSSecurityException
    • FullyQualifiedErrorId : UnauthorizedAccess`

Esto tiene que ver con las políticas de ejecutión de archivos .ps1 Para solucionarlo, seguí los pasos que se describen en el siguiente link: http://www.blai.blog/2019/05/habilitar-ejecucion-de-archivos-ps1-en.html

Espero les sirva

por que la instalación me tira varios WARNS?

Estructura del proyecto al abrirlo en el editor de texto
Allí vamos a encontrar muchos folders, pero solo nos vamos a concentrar en src, que está compuesto de:
• app- tiene la aplicación del código
• assets - allí se almacenan los archivos descargables que tengamos dentro de nuestra aplicación, como audios imagenes etc.
• enviroments: ambientes de desarrollo, producción y pruebas, esto se va configurando.
• Otros archivos importantes: html styles
El resto son necesarios para Angular pero nosotros no necesariamente debemos estar conscientes de su contenido.

Una alternativa para administrar multiples versiones de Node en un ambiente UNIX/Linux es a través de NVM, recomiendo probarlo.

creationix/nvm

buenas clases

Me descarga la última versión de angular, la 7, es necesario Angular routing?

buenas noches intento crear el proyecto y no finaliza sale el siguiente mensaje alguien me puede ayudar

npm WARN tarball tarball data for @angular/[email protected]^6.1.0 (sha512-JKuK/fzKNCF+mNPmPmGQjr0uHVpfxmrOqXBriJMklCtdsKeQW94BLUoNjn8h1H10rFbUqYuD5v9AAKdH77FgnA==) seems to be corrupted. Trying o

Instalando las herramientas para comenzar la aventura de aprender Angular

puede ng serve ser usado en un equipo para varios proyectos?
lo digo porq lo estoy usando en otra carpeta y no me deja correr en esta… gracias por sus aportes

¿Conocen plugins o paquetes para Atom que ayuden para el highlight de Angular?

Node.js

Proceso de instalacion de Angular CLI

Seteando nuestra aplicacion desde Angular CLI

esto me instalo angular 7, puedo ver este curso y funcionara con angular 7?

El comando ng -v nos mostrara la versión instalada de Angular-Cli.

sudo npm install -g @angular/cli
ng new platzisquare
cd platzisquare
ng serve

buenas noches alguien me puede indicar como seguir con la creación del proyecto
cuando ejecuto el comando ng new platzisquare me sale lo siguiente y no termina el proceso
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fseve[email protected] (node_modules\fsevents):

Que bueno que incluyeron el video de instalación y creación de un proyecto.

Para indicarle el puerto en el que iniciar la aplicación:

ng serve --port #

Si quiere usar en lugar css corriente puede usar sass colocando lo siguiente a la hora de crear el proyecto ng new platzisquere --style=scss y listo, para colocarlo desde el proyecto ya creado es otro cuento que lo dejo para un tutorial jeje

-Descargar node desde nodejs.org
-Instalar node

En Terminal
npm -v verificar la version de node

-Instalar angular cli, checar tener permisos si no ejecutar el comando como sudo
Desde terminal npm install -g @angular/cli

-Crear aplicación
Desde terminal ng new nombre-proyecto

-ejecutar aplicación
Desde terminal ng serve --open ejecutar aplicación en browser default

-Verificar que la maquina tenga en el archivo host la declaración de localhost
http://localhost:4200 si no http://127.0.0.1:4200

-En la estructura de árbol del proyecto en src, en la carpeta assets, se pueden subir recursos (imagenes, audios, icos, )

Hola estoy en windows y me dice que git no me lo reconoce
debo instalar github??

Para abrir la url del navegador en el browser predeterminado se utiliza --open=true
ng serve --open=true

tenia una version anterior de Angular CLI intente crear el proyecto “ng new platzisquare” y Me saca el siguiente error :

npm ERR! code MODULE_NOT_FOUND
npm ERR! Cannot find module ‘./lib/extract-stream.js’

decidi entonces correr este comando:
npm uninstall -g @angular/cli

y me vuelve a sacar el mismo error. Alguien tiene alguna idea?

Qué tal, estoy siguiendo el curso, no sé de angular por eso estoy aquí, pero al crear el proyecto me muestra la pregunta would you like to add angular routing? y/n

¿qué debo hacer? ¿para qué yes y no? ¿qué hace cada una?

respondí con N y para los estilos seleccione CSS, pero me quedé con la duda de la primer pregunta sobre angular routing, alguien podría ayudarme?

gracias, saludos!

http://localhost:4200/ cambie a http://127.0.0.1:4200/ y nada alguien podrias ayudarme?

Hola, cuando intento instalar angular cli, me está saliendo el siguiente error.
Captura de pantalla de 2019-03-04 22-31-23.png

En este caso recomiendo instalar visual studio code, debido a que es muy amigable con la interfaz Captura.PNG

después que coloco " el código de SUDO" me dice: "Password: (y la imagen de una llave).

Ayuda por favor

no funciona la clase 8 si me colaboran por favor gracias

Cuando al crear el proyecto sale un error relacionado con json se pueden seguir los siguientes pasos :

  1. npm uninstall -g @angular/cli
  2. npm cache clean --force
    al momento de iniciar el proyecto)
  3. npm install -g @angular/[email protected]
  4. Borrar proyecto
  5. ng new myapp

el curso de PWA me trajo aqui … a seguir aprendiendo

Bueno, comenzando y primer totazo; aun no he podido instalar angular/cli me sale un error de json o algo parecido. He leido los comentarios y aun nada. Alguien me puede ayudar. El error puntual es:

C:\windows\system32>npm install -g @angular/cli
npm ERR! Unexpected end of JSON input while parsing near ‘…3"},"_hasShrinkwrap"’

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Arturo\AppData\Roaming\npm-cache_logs\2019-03-23T02_49_56_117Z-debug.log

ng serve -o

Intentando ingresar la dirección y el puerto, como lo indican en el minuto 5:17 de generación y estructura de Angular 4(127.0.0.1:4200), me siguió apareciendo que no puedo acceder, alguno de ustedes me odría asesorar ¿por qué? Muchas gracias!

sera que si ko hago con angular 7?

hay que usar git antes de crear el proyecto? porque me da error comando git no reconocido

Hola, si apagué mi Pc mientras veía los vídeos y ahora el server no me ejecuta. ¿que tengo que hacer para que mi localhost funcione de nuevo con el repocitorio que ya tenia hecho??

Alguna vez alguien dijo “ejecutar todo como super usuario es muy mala idea”.
Y hablando de usar sudo para ejecutar una herramienta como el AngularCLI, dandole acceso de super usuario a una aplicación que no deberia tener ese nivel de permisos, yo les recomendaría que no lo hagan.
Pero y entonces? Pues por aca dejo este link que presenta algunas alternativas interesante para solucionar este problema:
https://medium.com/@thierry_45533/global-node-modules-without-sudo-aacc3781e900

Captura2.PNG

me sale esta pantalla al momento de instalar, me podrian asesorar de favor

Estoy creando el proyecto pero de da este problema

C:\Users\FABER>ng new app
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? SCSS [ http://sass-lang.com/documentation/file.SASS_REFERENCE.html#sy
ntax ]
CREATE app/angular.json (3489 bytes)
CREATE app/package.json (1276 bytes)
CREATE app/README.md (1020 bytes)
CREATE app/tsconfig.json (470 bytes)
CREATE app/tslint.json (1985 bytes)
CREATE app/.editorconfig (246 bytes)
CREATE app/.gitignore (629 bytes)
CREATE app/browserslist (429 bytes)
CREATE app/karma.conf.js (1015 bytes)
CREATE app/tsconfig.app.json (210 bytes)
CREATE app/tsconfig.spec.json (270 bytes)
CREATE app/src/favicon.ico (5430 bytes)
CREATE app/src/index.html (290 bytes)
CREATE app/src/main.ts (372 bytes)
CREATE app/src/polyfills.ts (2838 bytes)
CREATE app/src/styles.scss (80 bytes)
CREATE app/src/test.ts (642 bytes)
CREATE app/src/assets/.gitkeep (0 bytes)
CREATE app/src/environments/environment.prod.ts (51 bytes)
CREATE app/src/environments/environment.ts (662 bytes)
CREATE app/src/app/app-routing.module.ts (245 bytes)
CREATE app/src/app/app.module.ts (393 bytes)
CREATE app/src/app/app.component.html (1152 bytes)
CREATE app/src/app/app.component.spec.ts (1086 bytes)
CREATE app/src/app/app.component.ts (208 bytes)
CREATE app/src/app/app.component.scss (0 bytes)
CREATE app/e2e/protractor.conf.js (810 bytes)
CREATE app/e2e/tsconfig.json (214 bytes)
CREATE app/e2e/src/app.e2e-spec.ts (632 bytes)
CREATE app/e2e/src/app.po.ts (251 bytes)

[email protected] postinstall C:\Users\FABER\app\node_modules\babel-runtime\node_modules\core-js
node scripts/postinstall || echo “ignore”

[email protected] postinstall C:\Users\FABER\app\node_modules\karma\node_modules\core-js
node scripts/postinstall || echo “ignore”

@angular/[email protected] postinstall C:\Users\FABER\app\[email protected]\cli
node ./bin/postinstall/script.js

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

added 1012 packages from 1041 contributors and audited 19005 packages in 53.588s
found 0 vulnerabilities

warning: LF will be replaced by CRLF in .editorconfig.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .gitignore.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in README.md.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in angular.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in browserslist.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/protractor.conf.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/src/app.e2e-spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/src/app.po.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in karma.conf.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package-lock.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app-routing.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/environments/environment.prod.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/environments/environment.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/index.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/main.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/polyfills.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/styles.scss.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/test.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.app.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.spec.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tslint.json.
The file will have its original line endings in your working directory
Successfully initialized git.

Logré instalar todo y correrlo en el navegador pero creó la carpeta del proyecto en el disco C, dentro de los archivos del sistema de windows (carpeta system 32) en vez de crearla en el disco D, como le había indicado.
En ese caso puedo mover la carpeta del proyecto (cortar y pegar) a otra ubicación en el disco, o debería hacer algo más para que siga funcionando?

mi proyecto corrió desde http://localhost:4200/#/ normal.
¿Hay algun problema?

Entusiasmado por seguir aprendiendo angular y reforzar los conocimientos! Saludos

como parte de la estructura del proyecto donde puedo indicar en donde agregar como referencia a los css y js extras que se utilizen en el proyecto?

se puede configurar angular 4 + webpack como en React o iniciar un proyecto por ejemplo npm init …?

¿Alguien sabe que programa usa el profesor como editor de textos?

¿Cuanto tiempo tarda normalmente en instalar cuando ejecuto el comando de ng new platzisquare?
En mi caso tardo aproximadamente 40 Minutos o mas en instalarse. Tengo una Core i5 de 8GB

van a hacer un curso nuevo de nodejs? porque en el de angular 2 cubrían nodejs y el curso de nodejs esta deprecado

una pregunta en que carpeta instalo el Angular CLI ?

No todos los navegadores reconoce localhost, muy importante.

Tengo problemas al instarla el angular Cli

Captura de pantalla 2017-10-07 a la(s) 11.32.50 a.m..png

Para el error en mac
cd seleccionamos el directorio donde esta la app
npm install
ng serve --open

@EduardoIbarra tengo problemas con la instalación de angular, me reporta un error “ERR code EINTENGRiTY”, este error me salio tanto en la intalacion de angular como en la creación de la aplicación “platzisquare”.

Hola:
Se me queda trabada la consola en:
Installing packages for tooling via npm.

que puedo hacer?

Saludos

En Windows la Instalación es igual.

Deberé volver a Ubuntu. Lo dejé mucho tiempo por un error en el GRUB que colapsó el sistema pero siempre hay buenos pretextos para retomarlo xP

Sigo sin poder vanzar. No encuentro la solución a estos errores cuando corro ng serve.
Leí que puede ser algo relacionado con la version de TypeScript

ERROR in ./src/main.ts
Module build failed: TypeError: Cannot read property ‘exclude’ of undefined
at applyDefaults (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
at Object.ensureInstance (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
at compiler (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:37:20)
at Object.loader (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:18:18)
@ multi main

ERROR in ./src/polyfills.ts
Module build failed: TypeError: Cannot read property ‘exclude’ of undefined
at applyDefaults (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
at Object.ensureInstance (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
at compiler (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:37:20)
at Object.loader (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:18:18)
Child html-webpack-plugin for “index.html”:
Asset Size Chunks Chunk Names
index.html 2.52 kB 0
webpack: Failed to compile.```

Para cualquier usuario que solamente tenga Windows y quiera tener también Linux en su computadora, le dejo este link: https://www.genbeta.com/paso-a-paso/linux-paso-a-paso-instalar-ubuntu-con-dual-boot-junto-a-windows-10. Suerte =)

Se corta cada segundo el video.

tengo el siguiente error:
$ng new PlatziSquare --ng4
The command “new” has an option without the required type and name fields.

me debane los sesos instalando y al final lo resolvi instalando en la carpeta de usuario (tengo win 10 )

Buenas tardes, por favor ayuda , no me deja pasar la instalación de angular/cli me sale esta ventana
Last login: Mon Nov 6 16:59:50 on ttys000
MacBook-Air-de-CAMILO:~ camilo$ npm -v
5.5.1
MacBook-Air-de-CAMILO:~ camilo$ node -v
v8.9.0
MacBook-Air-de-CAMILO:~ camilo$
MacBook-Air-de-CAMILO:~ camilo$ sudo npm install -g @angular/cli
Password:
npm ERR! code MODULE_NOT_FOUND
npm ERR! Cannot find module ‘internal/util/types’

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/camilo/.npm/_logs/2017-11-06T22_15_38_602Z-debug.log
MacBook-Air-de-CAMILO:~ camilo$

Hola amigo me podrian explicar como instalar angular en windows 7 ya yo tengo instalado node.js pero cuando ejecuto la CMD de WINDOWS me da error

En este enlace pueden ver la imagen del código en un tamaño mayor https://k60.kn3.net/5/8/7/7/6/F/6AE.jpg porsierto tengo instalado node.js version 9.2.0 y npm version 5.5.1

Estoy intentando instalar Angular en ubuntu 16.04 con
sudo npm install -g @angular/cli

y me da este error de permisos:

gyp ERR! configure error 
gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/harpman71/.npm-global/lib/node_modules/@angular/cli/node_modules/node-sass/build'
gyp ERR! System Linux 4.4.0-98-generic
gyp ERR! command "/usr/bin/node" "/home/harpman71/.npm-global/lib/node_modules/@angular/cli/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /home/harpman71/.npm-global/lib/node_modules/@angular/cli/node_modules/node-sass
gyp ERR! node -v v8.9.1
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok 
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]1.1.3 (node_modules/@angular/cli/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.6.1 (node_modules/@angular/cli/node_modules/node-sass):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.6.1 postinstall: `node scripts/build.js`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

Encontre este link [https://docs.npmjs.com/getting-started/fixing-npm-permissions] Segui los pasos 1 y 2para darle permmisos y me sigue dando el mismo error.
Tengo npm 5.5.1 y node v8.9.1

Alguna idea de como resolverlo?
Gracias

Por qué cuando genero aplicación con ng new platzisquare me sale en consola a diferencia del profesor
You can ng set --global packageManager=yarn.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Directory is already under version control. Skipping initialization of git.
Project ‘platzisquare’ successfully created.
Me pica la curiosidad.
Mil garcias

Me repite el codigo vez tras vez. y no para.
Tengo una Mac, que estoy haciendo mal??

Si quieren saver la vercion de su @angular/cli es con ng -v

Para que sea identificado el localhost es necesario tenerlo definido en el archivo hosts

Me podrían recomendar algún DataTimePicker para angular 4? (Que no sea el por defecto de HTML5)

127.0.0.1:4200 ruta

Me sigue saliendo servidor rechazado después de poner 127.0.0.1:4200

ng serve para correr el proyecto en consola, ya iba adelante y se me olvidó como era así que me devuelvo para el que lo necesite

Hola tengo problemas al instalar el Angular CLI,
node -v8.9.0
npm -v5.5.1
msg.png

Si habíamos instalado una versión de Angular-CLI previamente y queremos actualizarla, debemos ejecutar los siguientes comandos:

1. npm uninstall -g @angular/cli
2. npm cache clean
3. npm install -g @angular/[email protected]

NOTA: ejecutarlos con sudo de ser necesario.

npm install -g @angular/cli
por defecto bajara la ultima versión de angular

Me funciono con http://localhost:4200/ tranquilamente

  1. Instalación de angular 4: npm install -g @angular/[email protected]
  2. Creación del proyecto: ng new platzisquare
  3. Ejecución del proyecto: ng serve
  4. Mostrar sitio web en el navegador: http://localhost:4200/

ng serve --open

abre directamente el proyecto en el navegador web desde la consola.

Hola muchachos, cuando creo un nuevo proyecto usando ng new me pregunta si deseo agregar Angular routing y que formato de stylesheet deseo usar.

Para continuar con el curso seleccione No y CSS respectivamente, pero no se a que se refieren con el termino Angular Routing y si debo agregarlo o no. Debo ignorarlo por el momento??

Si alguien esta trabajando en Windows por cualquier razon, puede usar Laragon

https://laragon.org/

Inicialmente era una herramienta para Laravel, pero se pueden bajar una version con el npm instalado… Creará una carpeta www en el disco C:/laragon/www y ahi pueden comenzar distintos proyectos, tanto en angular como en otras cosas… y se manera con una terminal con comandos de Linux 😉

Cuando intenten instalar el CLI como el video es un poco viejo se instalara la ultima version, recomiendo instalar exactamente la version 4 para completar el curso, cuando esten en la parte de instalar el cli pueden usar este comando para la version 4

npm i @angular/[email protected] -g

Siempre ejecutar el comando npm install -g @angular/cli con permisos de super usuario (root)
sudo npm install -g @angular/cli

Pueden usar npx que no instala los paquetes en nuestros PCs si no que descarga los paquetes para un solo uso y siempre descarga la versión mas nueva

npx -p @angular/cli ng new

Eso si deben tener la ultima version de npm 😉

npm i -g npm

Con el comando “ng serve -o” te abre el proyecto directamente en el navegador.

Para continuar con el curso yo instale la versión 4 de este modo.

npm install -g @angular/[email protected]

Seria bueno actualizar este curso a Angular 7 u 8

Buenas tardes al momento de tipear el comando ng new platzisquare salen estas preguntas
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS

Al responderlas sea que responda yes o no y seleccione cualquier opción para los estilos despliega este error:

**Schematic input does not validate against the Schema: {“name”:“platzi_square”,“version”:“7.1.1”,“routing”:true,“style”:“css”}
Errors:

Data path “.name” should match format “html-selector”.**

Como puedo solucionarlo, he investigado en la red, pero ninguna respuesta satisface mi necesidad.

hola grupo, tengo instalado el node.js version 6.4.1 y de editor Atom

Seteando nuestra aplicacion desde Angular CLI

Hay un error cuando se termina el módulo, al darle siguiente video este no avanza

Hola Buenas noches,
soy super nueva en esto y no se porque a mi no me corre, les anexo mi código

C:\Users\LENOVO> sudo npm install -g @angular/cli
"sudo" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.

¿Existe un comando con el NPM para instalar una versión de Angular en específico?, para la fecha ya salió Angular 6, pero me gustaría usar la versión 4.x

Para aquellos que estén haciendo este curso y tienen instalada la versión 7 de angular, pueden ejecutar este comando para cambiar a la versión 5 que es retrocompatible con la versión 4
npm install -g @angular/[email protected]

no se que pasa

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] ([email protected]\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

Sin realizar el comando en la terminal ng server. No se podría ver tu aplicación en el navegador

yo tengo la ultima versión CLI que es la 8.

Cuando intenté ejecutar el código para crear una nueva app, me arrojó el siguiente mensaje:

`ng new PlatziSquare
ng : No se puede cargar el archivo C:\Users\alfir\AppData\Roaming\npm\ng.ps1. El archivo C:\Users\alfir\AppData\Roaming\npm\ng.ps1 no está firmado
digitalmente. No se puede ejecutar este script en el sistema actual. Para obtener más información acerca de la ejecución de scripts y la configuración de la
En línea: 1 Carácter: 1

  • ng new PlatziSquare
  • ~~
    • CategoryInfo : SecurityError: (😃 [], PSSecurityException
    • FullyQualifiedErrorId : UnauthorizedAccess`

Esto tiene que ver con las políticas de ejecutión de archivos .ps1 Para solucionarlo, seguí los pasos que se describen en el siguiente link: http://www.blai.blog/2019/05/habilitar-ejecucion-de-archivos-ps1-en.html

Espero les sirva

por que la instalación me tira varios WARNS?

Estructura del proyecto al abrirlo en el editor de texto
Allí vamos a encontrar muchos folders, pero solo nos vamos a concentrar en src, que está compuesto de:
• app- tiene la aplicación del código
• assets - allí se almacenan los archivos descargables que tengamos dentro de nuestra aplicación, como audios imagenes etc.
• enviroments: ambientes de desarrollo, producción y pruebas, esto se va configurando.
• Otros archivos importantes: html styles
El resto son necesarios para Angular pero nosotros no necesariamente debemos estar conscientes de su contenido.

Una alternativa para administrar multiples versiones de Node en un ambiente UNIX/Linux es a través de NVM, recomiendo probarlo.

creationix/nvm

buenas clases

Me descarga la última versión de angular, la 7, es necesario Angular routing?

buenas noches intento crear el proyecto y no finaliza sale el siguiente mensaje alguien me puede ayudar

npm WARN tarball tarball data for @angular/[email protected]^6.1.0 (sha512-JKuK/fzKNCF+mNPmPmGQjr0uHVpfxmrOqXBriJMklCtdsKeQW94BLUoNjn8h1H10rFbUqYuD5v9AAKdH77FgnA==) seems to be corrupted. Trying o

Instalando las herramientas para comenzar la aventura de aprender Angular

puede ng serve ser usado en un equipo para varios proyectos?
lo digo porq lo estoy usando en otra carpeta y no me deja correr en esta… gracias por sus aportes

¿Conocen plugins o paquetes para Atom que ayuden para el highlight de Angular?

Node.js

Proceso de instalacion de Angular CLI

Seteando nuestra aplicacion desde Angular CLI

esto me instalo angular 7, puedo ver este curso y funcionara con angular 7?

El comando ng -v nos mostrara la versión instalada de Angular-Cli.

sudo npm install -g @angular/cli
ng new platzisquare
cd platzisquare
ng serve

buenas noches alguien me puede indicar como seguir con la creación del proyecto
cuando ejecuto el comando ng new platzisquare me sale lo siguiente y no termina el proceso
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):

Que bueno que incluyeron el video de instalación y creación de un proyecto.

Para indicarle el puerto en el que iniciar la aplicación:

ng serve --port #

Si quiere usar en lugar css corriente puede usar sass colocando lo siguiente a la hora de crear el proyecto ng new platzisquere --style=scss y listo, para colocarlo desde el proyecto ya creado es otro cuento que lo dejo para un tutorial jeje

-Descargar node desde nodejs.org
-Instalar node

En Terminal
npm -v verificar la version de node

-Instalar angular cli, checar tener permisos si no ejecutar el comando como sudo
Desde terminal npm install -g @angular/cli

-Crear aplicación
Desde terminal ng new nombre-proyecto

-ejecutar aplicación
Desde terminal ng serve --open ejecutar aplicación en browser default

-Verificar que la maquina tenga en el archivo host la declaración de localhost
http://localhost:4200 si no http://127.0.0.1:4200

-En la estructura de árbol del proyecto en src, en la carpeta assets, se pueden subir recursos (imagenes, audios, icos, )

Hola estoy en windows y me dice que git no me lo reconoce
debo instalar github??

Para abrir la url del navegador en el browser predeterminado se utiliza --open=true
ng serve --open=true

tenia una version anterior de Angular CLI intente crear el proyecto “ng new platzisquare” y Me saca el siguiente error :

npm ERR! code MODULE_NOT_FOUND
npm ERR! Cannot find module ‘./lib/extract-stream.js’

decidi entonces correr este comando:
npm uninstall -g @angular/cli

y me vuelve a sacar el mismo error. Alguien tiene alguna idea?

Qué tal, estoy siguiendo el curso, no sé de angular por eso estoy aquí, pero al crear el proyecto me muestra la pregunta would you like to add angular routing? y/n

¿qué debo hacer? ¿para qué yes y no? ¿qué hace cada una?

respondí con N y para los estilos seleccione CSS, pero me quedé con la duda de la primer pregunta sobre angular routing, alguien podría ayudarme?

gracias, saludos!

http://localhost:4200/ cambie a http://127.0.0.1:4200/ y nada alguien podrias ayudarme?

Hola, cuando intento instalar angular cli, me está saliendo el siguiente error.
Captura de pantalla de 2019-03-04 22-31-23.png

En este caso recomiendo instalar visual studio code, debido a que es muy amigable con la interfaz Captura.PNG

después que coloco " el código de SUDO" me dice: "Password: (y la imagen de una llave).

Ayuda por favor

no funciona la clase 8 si me colaboran por favor gracias

Cuando al crear el proyecto sale un error relacionado con json se pueden seguir los siguientes pasos :

  1. npm uninstall -g @angular/cli
  2. npm cache clean --force
    al momento de iniciar el proyecto)
  3. npm install -g @angular/[email protected]
  4. Borrar proyecto
  5. ng new myapp

el curso de PWA me trajo aqui … a seguir aprendiendo

Bueno, comenzando y primer totazo; aun no he podido instalar angular/cli me sale un error de json o algo parecido. He leido los comentarios y aun nada. Alguien me puede ayudar. El error puntual es:

C:\windows\system32>npm install -g @angular/cli
npm ERR! Unexpected end of JSON input while parsing near ‘…3"},"_hasShrinkwrap"’

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Arturo\AppData\Roaming\npm-cache_logs\2019-03-23T02_49_56_117Z-debug.log

ng serve -o

Intentando ingresar la dirección y el puerto, como lo indican en el minuto 5:17 de generación y estructura de Angular 4(127.0.0.1:4200), me siguió apareciendo que no puedo acceder, alguno de ustedes me odría asesorar ¿por qué? Muchas gracias!

sera que si ko hago con angular 7?

hay que usar git antes de crear el proyecto? porque me da error comando git no reconocido

Hola, si apagué mi Pc mientras veía los vídeos y ahora el server no me ejecuta. ¿que tengo que hacer para que mi localhost funcione de nuevo con el repocitorio que ya tenia hecho??

Alguna vez alguien dijo “ejecutar todo como super usuario es muy mala idea”.
Y hablando de usar sudo para ejecutar una herramienta como el AngularCLI, dandole acceso de super usuario a una aplicación que no deberia tener ese nivel de permisos, yo les recomendaría que no lo hagan.
Pero y entonces? Pues por aca dejo este link que presenta algunas alternativas interesante para solucionar este problema:
https://medium.com/@thierry_45533/global-node-modules-without-sudo-aacc3781e900

Captura2.PNG

me sale esta pantalla al momento de instalar, me podrian asesorar de favor

Estoy creando el proyecto pero de da este problema

C:\Users\FABER>ng new app
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? SCSS [ http://sass-lang.com/documentation/file.SASS_REFERENCE.html#sy
ntax ]
CREATE app/angular.json (3489 bytes)
CREATE app/package.json (1276 bytes)
CREATE app/README.md (1020 bytes)
CREATE app/tsconfig.json (470 bytes)
CREATE app/tslint.json (1985 bytes)
CREATE app/.editorconfig (246 bytes)
CREATE app/.gitignore (629 bytes)
CREATE app/browserslist (429 bytes)
CREATE app/karma.conf.js (1015 bytes)
CREATE app/tsconfig.app.json (210 bytes)
CREATE app/tsconfig.spec.json (270 bytes)
CREATE app/src/favicon.ico (5430 bytes)
CREATE app/src/index.html (290 bytes)
CREATE app/src/main.ts (372 bytes)
CREATE app/src/polyfills.ts (2838 bytes)
CREATE app/src/styles.scss (80 bytes)
CREATE app/src/test.ts (642 bytes)
CREATE app/src/assets/.gitkeep (0 bytes)
CREATE app/src/environments/environment.prod.ts (51 bytes)
CREATE app/src/environments/environment.ts (662 bytes)
CREATE app/src/app/app-routing.module.ts (245 bytes)
CREATE app/src/app/app.module.ts (393 bytes)
CREATE app/src/app/app.component.html (1152 bytes)
CREATE app/src/app/app.component.spec.ts (1086 bytes)
CREATE app/src/app/app.component.ts (208 bytes)
CREATE app/src/app/app.component.scss (0 bytes)
CREATE app/e2e/protractor.conf.js (810 bytes)
CREATE app/e2e/tsconfig.json (214 bytes)
CREATE app/e2e/src/app.e2e-spec.ts (632 bytes)
CREATE app/e2e/src/app.po.ts (251 bytes)

[email protected] postinstall C:\Users\FABER\app\node_modules\babel-runtime\node_modules\core-js
node scripts/postinstall || echo “ignore”

[email protected] postinstall C:\Users\FABER\app\node_modules\karma\node_modules\core-js
node scripts/postinstall || echo “ignore”

@angular/[email protected] postinstall C:\Users\FABER\app\[email protected]\cli
node ./bin/postinstall/script.js

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

added 1012 packages from 1041 contributors and audited 19005 packages in 53.588s
found 0 vulnerabilities

warning: LF will be replaced by CRLF in .editorconfig.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .gitignore.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in README.md.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in angular.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in browserslist.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/protractor.conf.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/src/app.e2e-spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/src/app.po.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in karma.conf.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package-lock.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app-routing.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/environments/environment.prod.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/environments/environment.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/index.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/main.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/polyfills.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/styles.scss.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/test.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.app.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.spec.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tslint.json.
The file will have its original line endings in your working directory
Successfully initialized git.

Logré instalar todo y correrlo en el navegador pero creó la carpeta del proyecto en el disco C, dentro de los archivos del sistema de windows (carpeta system 32) en vez de crearla en el disco D, como le había indicado.
En ese caso puedo mover la carpeta del proyecto (cortar y pegar) a otra ubicación en el disco, o debería hacer algo más para que siga funcionando?

mi proyecto corrió desde http://localhost:4200/#/ normal.
¿Hay algun problema?

Entusiasmado por seguir aprendiendo angular y reforzar los conocimientos! Saludos

como parte de la estructura del proyecto donde puedo indicar en donde agregar como referencia a los css y js extras que se utilizen en el proyecto?

se puede configurar angular 4 + webpack como en React o iniciar un proyecto por ejemplo npm init …?

¿Alguien sabe que programa usa el profesor como editor de textos?

¿Cuanto tiempo tarda normalmente en instalar cuando ejecuto el comando de ng new platzisquare?
En mi caso tardo aproximadamente 40 Minutos o mas en instalarse. Tengo una Core i5 de 8GB

van a hacer un curso nuevo de nodejs? porque en el de angular 2 cubrían nodejs y el curso de nodejs esta deprecado

una pregunta en que carpeta instalo el Angular CLI ?

No todos los navegadores reconoce localhost, muy importante.

Tengo problemas al instarla el angular Cli

Captura de pantalla 2017-10-07 a la(s) 11.32.50 a.m..png

Para el error en mac
cd seleccionamos el directorio donde esta la app
npm install
ng serve --open

@EduardoIbarra tengo problemas con la instalación de angular, me reporta un error “ERR code EINTENGRiTY”, este error me salio tanto en la intalacion de angular como en la creación de la aplicación “platzisquare”.

Hola:
Se me queda trabada la consola en:
Installing packages for tooling via npm.

que puedo hacer?

Saludos

En Windows la Instalación es igual.

Deberé volver a Ubuntu. Lo dejé mucho tiempo por un error en el GRUB que colapsó el sistema pero siempre hay buenos pretextos para retomarlo xP

Sigo sin poder vanzar. No encuentro la solución a estos errores cuando corro ng serve.
Leí que puede ser algo relacionado con la version de TypeScript

ERROR in ./src/main.ts
Module build failed: TypeError: Cannot read property ‘exclude’ of undefined
at applyDefaults (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
at Object.ensureInstance (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
at compiler (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:37:20)
at Object.loader (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:18:18)
@ multi main

ERROR in ./src/polyfills.ts
Module build failed: TypeError: Cannot read property ‘exclude’ of undefined
at applyDefaults (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
at Object.ensureInstance (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
at compiler (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:37:20)
at Object.loader (/home/harpman71/Descargas/proyecto_angular/PlatziSquare/node_modules/awesome-typescript-loader/src/index.ts:18:18)
Child html-webpack-plugin for “index.html”:
Asset Size Chunks Chunk Names
index.html 2.52 kB 0
webpack: Failed to compile.```

Para cualquier usuario que solamente tenga Windows y quiera tener también Linux en su computadora, le dejo este link: https://www.genbeta.com/paso-a-paso/linux-paso-a-paso-instalar-ubuntu-con-dual-boot-junto-a-windows-10. Suerte =)

Se corta cada segundo el video.

tengo el siguiente error:
$ng new PlatziSquare --ng4
The command “new” has an option without the required type and name fields.

me debane los sesos instalando y al final lo resolvi instalando en la carpeta de usuario (tengo win 10 )

Buenas tardes, por favor ayuda , no me deja pasar la instalación de angular/cli me sale esta ventana
Last login: Mon Nov 6 16:59:50 on ttys000
MacBook-Air-de-CAMILO:~ camilo$ npm -v
5.5.1
MacBook-Air-de-CAMILO:~ camilo$ node -v
v8.9.0
MacBook-Air-de-CAMILO:~ camilo$
MacBook-Air-de-CAMILO:~ camilo$ sudo npm install -g @angular/cli
Password:
npm ERR! code MODULE_NOT_FOUND
npm ERR! Cannot find module ‘internal/util/types’

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/camilo/.npm/_logs/2017-11-06T22_15_38_602Z-debug.log
MacBook-Air-de-CAMILO:~ camilo$

Hola amigo me podrian explicar como instalar angular en windows 7 ya yo tengo instalado node.js pero cuando ejecuto la CMD de WINDOWS me da error

En este enlace pueden ver la imagen del código en un tamaño mayor https://k60.kn3.net/5/8/7/7/6/F/6AE.jpg porsierto tengo instalado node.js version 9.2.0 y npm version 5.5.1

Estoy intentando instalar Angular en ubuntu 16.04 con
sudo npm install -g @angular/cli

y me da este error de permisos:

gyp ERR! configure error 
gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/harpman71/.npm-global/lib/node_modules/@angular/cli/node_modules/node-sass/build'
gyp ERR! System Linux 4.4.0-98-generic
gyp ERR! command "/usr/bin/node" "/home/harpman71/.npm-global/lib/node_modules/@angular/cli/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /home/harpman71/.npm-global/lib/node_modules/@angular/cli/node_modules/node-sass
gyp ERR! node -v v8.9.1
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok 
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]1.1.3 (node_modules/@angular/cli/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.6.1 (node_modules/@angular/cli/node_modules/node-sass):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.6.1 postinstall: `node scripts/build.js`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

Encontre este link [https://docs.npmjs.com/getting-started/fixing-npm-permissions] Segui los pasos 1 y 2para darle permmisos y me sigue dando el mismo error.
Tengo npm 5.5.1 y node v8.9.1

Alguna idea de como resolverlo?
Gracias

Por qué cuando genero aplicación con ng new platzisquare me sale en consola a diferencia del profesor
You can ng set --global packageManager=yarn.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Directory is already under version control. Skipping initialization of git.
Project ‘platzisquare’ successfully created.
Me pica la curiosidad.
Mil garcias

Me repite el codigo vez tras vez. y no para.
Tengo una Mac, que estoy haciendo mal??

Si quieren saver la vercion de su @angular/cli es con ng -v

Para que sea identificado el localhost es necesario tenerlo definido en el archivo hosts

Me podrían recomendar algún DataTimePicker para angular 4? (Que no sea el por defecto de HTML5)

127.0.0.1:4200 ruta

Me sigue saliendo servidor rechazado después de poner 127.0.0.1:4200

ng serve para correr el proyecto en consola, ya iba adelante y se me olvidó como era así que me devuelvo para el que lo necesite

Hola tengo problemas al instalar el Angular CLI,
node -v8.9.0
npm -v5.5.1
msg.png