Crear y ejecutar un proyecto angular

Hola a todos, hoy os voy a enseñar como podemos crear y ejecutar un proyecto en angular.

Lo primero, os recomiendo que os creéis un directorio donde tengamos los proyectos de angular que vayamos haciendo.

Abrimos Visual Studio Code y en Archivo… – Abrir carpeta

Según vayamos teniendo proyectos, este directorio irá creciendo. Abrimos la terminal de visual studo Code y pulsamos CTRL + Ñ. También podemos abrir una terminal como siempre.

Lo que vamos a escribir en la terminal, es lo siguiente:

ng new nombre-proyecto

Cambia nombre-proyecto por el nombre que tu quieras. Si te salta algún error, revisa el nombre que le hayas puesto.

Cuando lo pongamos, nos creará un proyecto ya definido con el que podemos empezar a trabajar. Donde más nos interesa tocar e dentro de app

Para probar el proyecto y ejecutarlo, estando posicionados en el proyecto que hemos creado, escribimos npm start

Si todo esta bien, lanzará el servidor y desde localhost:4200 podremos ver nuestra aplicación.

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Etiquetas

3 comments

  1. Si todo esta bien, lanzará el servidor y desde localhost:4200 podremos ver nuestra aplicación. y cuando cerramos el sevidor o apagamos la computadora, ya no hay manera de abrirlo? o ya lo hemos modificado pero si por cualquier motivo cerramos el navigador, se acabó el proyecto o se puede abrir en el navigador???

  2. Hola ben, si cierras el servidor (cancelando el servicio desde la terminal o matando el proceso) dejarás de tener acceso a la web local (localhost:4200). Siempre puedes volver a ejecutar ng serve (desde la carpeta raíz de tu proyecto angular) y volverá a estar disponible.

    Esa dirección solo estará disponible mientras el servicio esté activo.

    Un saludo

  3. Tengo un problema con angular 10 y es que nunca acaba de crear el proyecto lo máximo que lo eh dejado a sido como 2 horas y nada, reinstale nodejs pero es el mismo problema

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *