Wie kann ich den Pfad der Komponentengenerierung zum aktuellen Pfad in angular-cli ändern?

Question

Ich bin einen Winkel 2 Kurs folge, wo der Lehrer in den bestimmten Pfad navigiert, wo er eine Komponente erzeugen will, und führt dann den folgenden Befehl ein:

ng generate component component-name 

Nachdem er es läuft, erzeugt das Tool die Dateien innerhalb das aktuelle Verzeichnis, aber wenn ich das gleiche versuche, erzeugt das Tool die Dateien im Stammordner der App.

Mit anderen Worten, wenn ich dies tun:

app\my-component> ng generate component component-name 

Ich erwarte, dass der Befehl Dateien hier generieren:

app\my-component\component-name\ 
    component-name.component.html 
    component-name.component.ts 
    ... 

Aber stattdessen ist es hier zu tun:

app\component-name\ 
    component-name.component.html 
    component-name.component.ts 
    ... 

Wie kann ich ng-cli mitteilen, den aktuellen Pfad zu verwenden?

Answer 1

ng g c 'path/to/component/componentName' 

Sie sollten nie Ihr Wurzelverzeichnis verlassen müssen, wenn Sie mit angular cli arbeiten. Wenn Sie alle Ihre Komponenten genannt in ein Unterverzeichnis my-Komponente gehen wollte würden Sie nur ng g c my-component/componentName

Hinweis tun, dass g und c gelten shortforms für generate und component sind.

Answer 2

Ich stieß auf etwas Ähnliches, wenn ich Max Schwartzmullers Udemy-Kurs folge. Ich habe versucht, Komponenten in einem Unterordner parallel zur App zu generieren. Der CLI erstellt alles, was so genannt wird, direkt unter App.

c:\ng2\aufbs\src\mycomponents>ng g c my-test 
installing component 
    create src\app\my-test\my-test.component.css 
    create src\app\my-test\my-test.component.html 
    create src\app\my-test\my-test.component.spec.ts 
    create src\app\my-test\my-test.component.ts 

Verschieben/MyComponents unter App alles funktioniert wie erwartet.

Answer 3

Legen Sie den Pfad aus App-Ordner, so dass Sie nicht ng g c 'C:\someFolder\your-project\src\app\some-folder\other-folder\your-component' verwenden müssen. verwenden nur ng g c '.\pages\shered\reset-password'

Answer 4

Sie haben Struktur Angenommen src/app und Sie wollen eine Komponente header bei src/app/components/ leben erstellen Sie können ng g c components/header ausführen, welche Dateien in src/app/components/header Ordner erzeugen, wie src/app/components/header/header.component.tssrc/app/components/header/header.component.html usw.