Angular 2
Angular-cli

Introducción

Crear una aplicación Angular2 vacía con angular-cli

Requisitos:

• NodeJS: Página de descarga
• npm o hilo

Ejecute los siguientes comandos con cmd desde la nueva carpeta del directorio:

1. npm install -g @angular/cli o yarn global add @angular/cli
2. ng new PROJECT_NAME
3. cd PROJECT_NAME
4. ng serve

Abra su navegador en localhost: 4200

Generación de componentes, directivas, tuberías y servicios.

simplemente use su cmd: puede usar el comando ng generate (o simplemente ng g) para generar componentes angulares:

• Componente: ng g component my-new-component
• Directiva: ng g directive my-new-directive
• Tubería: ng g pipe my-new-pipe
• Servicio: ng g service my-new-service
• Clase: ng g class my-new-classt
• Interfaz: ng g interface my-new-interface
• Enumeración: ng g enum my-new-enum
• Módulo: ng g module my-module

Añadiendo libs de terceros

En angular-cli.json puedes cambiar la configuración de la aplicación.

Si desea agregar ng2-bootstrap por ejemplo:

1. npm install ng2-bootstrap --save o yarn add ng2-bootstrap

2. En angular-cli.json solo agregue la ruta de la rutina de carga en los módulos de nodo.

   "scripts": [
       "../node_modules/jquery/dist/jquery.js",
       "../node_modules/bootstrap/dist/js/bootstrap.js"
    ]
   

construir con angular-cli

En angular-cli.json at outDir key puede definir su directorio de compilación;

estos son equivalentes

ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod

y asi son estos

ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

Al crear, puede modificar la etiqueta base () en su index.html con --base-href su opción-url.

Establece la etiqueta base href en / myUrl / en tu index.html

ng build --base-href /myUrl/
ng build --bh /myUrl/

Nuevo proyecto con scss / sass como hoja de estilo.

Los archivos de estilo predeterminados generados y compilados por @angular/cli son css .

Si quiere usar scss en su lugar, genere su proyecto con:

ng new project_name --style=scss

Si quieres usar sass , genera tu proyecto con:

ng new project_name --style=sass

Establezca el hilo como gestor de paquetes predeterminado para @ angular / cli

Yarn es una alternativa para npm, el gestor de paquetes predeterminado en @ angular / cli. Si desea utilizar hilados como gestor de paquetes para @ angular / cli, siga estos pasos:

Requerimientos

• hilo ( npm install --global yarn o vea la página de instalación )
• @ angular / cli ( npm install -g @angular/cli o yarn global add @angular/cli )

Para configurar el hilo como @ angular / cli package manager:

ng set --global packageManager=yarn

Para restablecer npm como @ angular / cli package manager:

ng set --global packageManager=npm