PRUEBA ANGULAR SIN CONFIGURACIÓN LOCAL

Configurar el entorno y el espacio de trabajo locales

Esta guía explica cómo configurar su entorno para el desarrollo de Angular utilizando la herramienta Angular CLI . Incluye información sobre los requisitos previos, la instalación de la CLI, la creación de un espacio de trabajo inicial y una aplicación de inicio, y la ejecución de esa aplicación localmente para verificar su configuración.

PRUEBA ANGULAR SIN CONFIGURACIÓN LOCAL

Si es nuevo en Angular, es posible que desee comenzar con ¡ Pruébelo ahora! , que presenta los conceptos básicos de Angular en el contexto de una aplicación de tienda en línea básica lista para usar que puede examinar y modificar. Este tutorial independiente aprovecha las ventajas interactivasStackBlitzentorno para el desarrollo online. No es necesario que configure su entorno local hasta que esté listo.

Prerrequisitos

Para usar el marco Angular, debe estar familiarizado con lo siguiente:

• JavaScript
• HTML
• CSS

Conocimiento de Mecanografiado es útil, pero no obligatorio.

Para instalar Angular en su sistema local, necesita lo siguiente:

• Node.js

Angular requiere un LTS actual, activo o de mantenimiento versión de Node.js.

Para obtener información sobre los requisitos específicos de la versión, consulte la enginesclave en elpackage.json expediente.

Para obtener más información sobre la instalación de Node.js, consulte nodejs.org. Si no está seguro de qué versión de Node.js se ejecuta en su sistema, ejecútelo node -ven una ventana de terminal.

• administrador de paquetes npm

Las aplicaciones Angular, Angular CLI y Angular dependen de paquetes npmpara muchas características y funciones. Para descargar e instalar paquetes npm, necesita un administrador de paquetes npm. Esta guía utiliza elcliente npminterfaz de línea de comandos, que se instala Node.jsde forma predeterminada. Para comprobar que tiene instalado el cliente npm, ejecútelo npm -ven una ventana de terminal.

Instale la CLI angular

Utiliza la CLI de Angular para crear proyectos, generar código de aplicación y biblioteca, y realizar una variedad de tareas de desarrollo en curso, como pruebas, agrupación e implementación.

Para instalar Angular CLI, abra una ventana de terminal y ejecute el siguiente comando:

content_copynpm install -g @angular/cli

Crea un espacio de trabajo y una aplicación inicial.

Desarrollas aplicaciones en el contexto de un espacio de trabajo angular .

Para crear un nuevo espacio de trabajo y una aplicación de inicio inicial:

1. Ejecute el comando CLI ng newy proporcione el nombre my-app, como se muestra aquí:

content_copyng new my-app

1. El ng newcomando le solicita información sobre las funciones que debe incluir en la aplicación inicial. Acepte los valores predeterminados presionando la tecla Intro o Retorno.

La CLI de Angular instala los paquetes npm de Angular necesarios y otras dependencias. Esto puede tardar unos minutos.

La CLI crea un nuevo espacio de trabajo y una aplicación de bienvenida simple, lista para ejecutarse.

También tiene la opción de usar el modo estricto de Angular, que puede ayudarlo a escribir un código mejor y más fácil de mantener. Para obtener más información, consulte Modo estricto .

Ejecuta la aplicación

La CLI de Angular incluye un servidor, para que pueda construir y servir su aplicación localmente.

1. Navegue a la carpeta del espacio de trabajo, como my-app.
2. Ejecute el siguiente comando:

content_copycd my-app

ng serve --open

El ng servecomando inicia el servidor, observa sus archivos y reconstruye la aplicación a medida que realiza cambios en esos archivos.

La opción --open(o simplemente -o) abre automáticamente su navegador a http://localhost:4200/.

...