Generación y estructura de Angular 4

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/

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??

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

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

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.

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/cli@1

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

buenas clases

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

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

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

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

https://angular.io/cli

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.

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

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/cli@latest
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

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

Por aca dejo mi repo:
https://github.com/shiroukamui/curso-angular-4/tree/Generacion-Estructura-Angular-4

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\node_modules@angular\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.

puedo instalar la ultima versión y la 4 ?