Como se crea su aplicación angular con CLI angular

Qué tal soy Enrique. Os traigo un nuevo post sobre el sistema operativo mas molón. Encantado linuxeros.

angular es un marcos javascript, bibliotecas, recursos y utilidades. Este tutorial le ayudará a crear una aplicación Angular mediante la herramienta Angular CLI en cualquier plataforma. El proyecto angular proporciona una interfaz de línea de comandos llamada Angular CLI para la automatización. Puede realizar operaciones automatizadas en proyectos Angular en lugar de hacerlo manualmente y ahorrar tiempo y esfuerzo. Mediante la CLI Angular, puede hacer lo siguiente:

    • Se está creando un nuevo proyecto.
    • Configuración del entorno de la aplicación.
    • Administrar las configuraciones de aplicaciones.
    • Componentes de la construcción, servicios y sistema de enrutamiento.
    • Empezar la aplicación, probar y desplegar el proyecto.
    • Instalación de bibliotecas de terceros como Bootstrap, Sass, etc.

Creamos su aplicación angular:

requisitos previos

Angular necesita instalar Nodejs en su sistema. Puede seguir uno de los siguientes tutoriales para instalar Angular en su sistema según su sistema operativo.

Después de la instalación, asegúrese de que Node.js y NPM estén instalados correctamente.

node -v

v12.4.0
npm -v

6.9.0

Instalación Angular CLI

Ahora, instale la utilidad Angular CLI mediante el gestor de paquetes NPM.

npm install -g @angular/cli

La opción -g con instalación garantiza instalar la CLI Angular globalmente al sistema. Por lo tanto, será accesible para todos los usuarios y aplicaciones del sistema. Angular CLI proporciona una orden ng se utiliza para operaciones en línea de comandos. Comprobamos la versión instalada de ng en su sistema.

ng --version


     _                      _                 ____ _     ___
    /    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   __| |_|__, |__,_|_|__,_|_|       ____|_____|___|
                |___/


Angular CLI: 8.0.3
Node: 12.4.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.800.3
@angular-devkit/core         8.0.3
@angular-devkit/schematics   8.0.3
@schematics/angular          8.0.3
@schematics/update           0.800.3
rxjs                         6.4.0

Crea una aplicación angular

El sistema está preparado para crear una aplicación angular. El orden siguiente creará la aplicación Angular con el nombre hola-angular.

ng new hello-angular

Esto creará un directorio con el nombre de su proyecto y creará todos los archivos que hay debajo. También instala todas las bibliotecas necesarias en este directorio. Si se crea con éxito, verá el siguiente mensaje en la pantalla.

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities

    Successfully initialized git.

Ejecute la aplicación angular

Su aplicación Angular básica está lista para publicarse. Cambie el directorio hola-angular y ejecute la aplicación Angular mediante la orden ng serve.

cd hello-angular
ng serve

Cree una aplicación angular con CLI

Puede acceder a su aplicación angular en el puerto local de host 4200, que es el anfitrión y el puerto por defecto que utiliza la aplicación Angular.

  http://localhost:4200

Angular en el navegador web

Puede cambiar el anfitrión y el puerto para ejecutar la aplicación Angular proporcionando -Amfitrió y -Puerto argumentos de línea de comandos.

ng serve --host 0.0.0.0 --port 8080

La dirección IP 0.0.0.0 escucha en todas las interfaces y es accesible públicamente.

El Blog lo hacemos para ayudar y servir de referencia a la comunidad Linux. Esperamos que os guste.

Leave a Reply