Angular 2
Angulaire-cli

Introduction

Créer une application Angular2 vide avec des angles angulaires

Exigences:

• NodeJS: page de téléchargement
• npm ou fil

Exécutez les commandes suivantes avec cmd du nouveau dossier répertoire:

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

Ouvrez votre navigateur sur localhost: 4200

Composants, directives, tuyaux et services générateurs

utilisez simplement votre cmd: Vous pouvez utiliser la commande ng generate (ou juste ng g) pour générer des composants angulaires:

• Composant: ng g component my-new-component
• Directive: ng g directive my-new-directive
• Pipe: ng g pipe my-new-pipe
• Service: ng g service my-new-service
• Classe: ng g class my-new-classt
• Interface: ng g interface my-new-interface
• Enum: ng g enum my-new-enum
• Module: ng g module my-module

Ajout de bibliothèques tierces

Dans angular-cli.json, vous pouvez modifier la configuration de l'application.

Si vous voulez ajouter ng2-bootstrap par exemple:

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

2. Dans angular-cli.json, ajoutez simplement le chemin du bootstrap sur node-modules.

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

construire avec cli angulaire

Dans la clé angular-cli.json at outDir, vous pouvez définir votre répertoire de construction;

ceux-ci sont équivalents

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

et ainsi sont-ils

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

Lors de la construction, vous pouvez modifier la balise de base () dans votre index.html avec l'option --base-href your-url.

Définit la balise de base href sur / myUrl / dans votre index.html

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

Nouveau projet avec scss / sass comme feuille de style

Les fichiers de style par défaut générés et compilés par @angular/cli sont css .

Si vous souhaitez utiliser scss à la place, générez votre projet avec:

ng new project_name --style=scss

Si vous souhaitez utiliser sass , générez votre projet avec:

ng new project_name --style=sass

Définir le fil comme gestionnaire de paquets par défaut pour @ angular / cli

Yarn est une alternative à npm, le gestionnaire de paquets par défaut sur @ angular / cli. Si vous voulez utiliser yarn comme gestionnaire de paquet pour @ angular / cli, suivez ces étapes:

Exigences

• fil ( npm install --global yarn ou voir la page d'installation )
• @ angular / cli ( npm install -g @angular/cli ou yarn global add @angular/cli )

Pour définir le fil comme gestionnaire de paquet @ angular / cli:

ng set --global packageManager=yarn

Pour remettre npm en tant que @ angular / cli package manager:

ng set --global packageManager=npm