Creación de un proyecto en angular

Abrimos una consola de cmd si estamos en windows y ejecutamos el siguiente comando en un directorio especifico:

ng new nombreProyecto

Tambien podemos usar la siguiente opcion:

Directory o dir: Con este parámetro indicamos el directorio donde se alojara nuestro proyecto:

ng new nombreProyecto --directory directorio

ng new nombreProyecto –dir directorio

Una vez que ejecutemos la creación del proyecto nos saldrá un menú con las siguientes opciones:

? Would you like to add Angular routing?
Sirve para agregar el modulo de rutas a nuestro proyecto.

? Would you like to add Angular routing?
Sirve para agregar el modulo de rutas a nuestro proyecto.


? Which stylesheet format would you like to use? (Use arrow keys)
> CSS
  SCSS   [ https://sass-lang.com/documentation/syntax#scss                ]
  Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]
  Less   [ http://lesscss.org                                             ]
  Stylus [ http://stylus-lang.com                                   ]

Sirve para elegir con preprocesador de estilos, por ejemplo cogemos scss.

dry-run: simula la creación de un nuevo proyecto en angular:

ng new nombreProyecto --dry-run

ng new nombreProyecto –d

--skipTests: Sirve para no crear el archivo de pruebas

Para iniciar el proyecto accedemos dentro de la carpeta del proyecto creado y ejecutamos alguna de las siguientes opciones:

• ng serve
• npm start

Por defecto se inicializa la aplicación en:

http://localhost:4200/

 

Nos aparecera la siguiente pantalla:

 

Para iniciar la aplicación en otro puerto:

ng serve --port numeroPuerto