Angular 2
Vinkel-cli

Introduktion

Skapa tom Angular2-applikation med angular-cli

Krav:

• NodeJS: Nedladdningssida
• npm eller garn

Kör följande kommandon med cmd från den nya katalogmappen:

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

Öppna din webbläsare på localhost: 4200

Generera komponenter, direktiv, rör och tjänster

använd bara din cmd: Du kan använda kommandot ng generera (eller bara ng g) för att generera Angular-komponenter:

• Komponent: ng g component my-new-component
• Direktiv: ng g directive my-new-directive
• Pipe: ng g pipe my-new-pipe
• Service: ng g service my-new-service
• Klass: ng g class my-new-classt
• Gränssnitt: ng g interface my-new-interface
• Enum: ng g enum my-new-enum
• Modul: ng g module my-module

Lägger till tredjepartsbibliotek

I angular-cli.json kan du ändra appkonfigurationen.

Om du vill lägga till ng2-bootstrap till exempel:

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

2. I angular-cli.json lägg bara till startstegens sökväg vid nodmoduler.

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

bygga med vinkel-cli

I angular-cli.json på outDir-tangenten kan du definiera din build-katalog;

dessa är likvärdiga

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

och så är dessa

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

När du bygger kan du ändra bastaggen () i ditt index.html med --base-href ditt-url-alternativ.

Ställer in bastagg href till / myUrl / i ditt index.html

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

Nytt projekt med scss / sass som formatmall

Standardformatfiler som genereras och sammanställts av @angular/cli är css .

Om du vill använda scss istället, generera ditt projekt med:

ng new project_name --style=scss

Om du vill använda sass , generera ditt projekt med:

ng new project_name --style=sass

Ställ in garn som standardpakethanterare för @ angular / cli

Garn är ett alternativ för npm, standardpakethanteraren på @ angular / cli. Följ de här stegen om du vill använda garn som pakethanterare för @ angular / cli:

Krav

• garn ( npm install --global yarn eller se installationssidan )
• @ vinkel / cli ( npm install -g @angular/cli eller yarn global add @angular/cli )

Så här ställer du in garn som @ angular / cli-pakethanteraren:

ng set --global packageManager=yarn

Så här sätter du tillbaka npm som @ angular / cli-pakethanteraren:

ng set --global packageManager=npm