angular.md

Angular

Es un framework para el desarrollo de aplicaciones web y de escritorio. Encuentra más información en su sitio web. Encuentra ejemplos commit a commit en anAdventure, una aventura RPG alojada en GitHub.

Instalación de NodeJS

Descarga versión LTS desde la web.

Comprueba su funcionamiento desde la terminal:

Comprueba la instalación de NodeJS con:

> node -v

Comprueba la instalación de NPM con:

> npm -v

Instalación de AngularCLI

Desde una terminal y no desde el cliente de NodeJS escribe:

> npm install -g @angular/cli

Creando una nueva aplicación con Angular:

> ng new myFancyApp

"Sirviendo" la app, haciendo que cualquier cambio se aplique en "caliente", sin necesidad de recargar el navegador:

> cd myFancyApp

> ng serve

Por defecto, necesitarás acceder a la aplicación desde http://localhost:4200, aunque también puedes elegir servir la aplicación desde otro puerto:

> ng serve --port 4201

Si quieres "servir" la aplicación y abrir directamente el navegador, puedes escribir:

> ng serve --open

o

> ng serve -o

Cuando clonas un proyecto ya iniciado, en tu copia local necesitarás instalar la aplicación, así que una vez dentro del directorio de la misma, ejecuta:

> npm install

Eligiendo formato de estilos

Al momento de crear una aplicación con Angular, se te da a elegir el formato de estilo que puedes utilizar en las aplicaciones, a saber:

• CSS
• SCSS
• SASS
• LESS
• Stylus

Definición de pipeline

Exclusivo de Azure DevOps:

pool:
  name: Azure Pipelines
  demands: npm

steps:
- task: Npm@1
  displayName: 'npm install'
  inputs:
    verbose: false

- task: Npm@1
  displayName: 'npm install cli'
  inputs:
    command: custom
    verbose: false
    customCommand: 'install @angular/cli'

- task: Npm@1
  displayName: 'npm build'
  inputs:
    command: custom
    verbose: false
    customCommand: 'run ng build'

- task: Npm@1
  displayName: 'npm tests'
  inputs:
    command: custom
    verbose: false
    customCommand: 'run test-headless'

feel free to use!

Sigue leyendo

• Módulos y componentes
• Databinds directivas y más
• Servicios y pipes
• Routing y navegación por la aplicación
• Mejorando la aplicación

Enlaces útiles

• Arquitectura de Angular
• Hammer.js, gestures en nuestras aplicaciones
• Angular + Electron
• ¿Cómo hacer deploy de nuestra app Angular en GitHub Pages?
• Angular + ASP.NET Core

---

Volver a inicio

← Inicio ASP.NET Core