Ich verwende angualr4 mit angle-cli und kann mit dem folgenden Befehl eine neue Komponente erstellen.
E:\HiddenWords>ng generate component plainsight
Aber ich muss eine untergeordnete Komponente in der Ebene generieren. Gibt es eine Möglichkeit, mit Angular-Cli zu tun?
angular
typescript
angular-cli
Abhijith S.
quelle
quelle
Antworten:
Das erstellt
ng g component plainsight/some-name
ein neues Verzeichnis, wenn wir es verwenden.Die endgültige Ausgabe wird sein:
Um dies zu vermeiden, verwenden Sie die Option flat.
ng g component plainsight/some-name --flat
Die Dateien werden generiert, ohne dass ein neuer Ordner erstellt wirdquelle
Schnelle, einfache und fehlerfreie Methode
Wenn Sie eine Komponente in einem
app/component
Ordner erstellen möchten, führen Sie die folgenden Schritte ausOpen in Command Prompt
Option auswählenng g c my-new-component
Sie können diesen Vorgang auch über dieses Bild überprüfen
quelle
ng g c component-name
So geben Sie einen benutzerdefinierten Speicherort an:
ng g c specific-folder/component-name
Hier
component-name
wird in einem bestimmten Ordner erstellt.Similarl Ansatz zur Erzeugung von anderen Komponenten wie verwendet werden
directive
,pipe
,service
,class
,guard
,interface
,enum
,module
, usw.quelle
kürzerer Code zum Generieren der Komponente:
ng g c component-name
um ihren Speicherort anzugeben:
ng g c specific-folder/component-name
Zusätzliche Informationen
kürzerer Code zum Generieren der Direktive:
ng g d directive-name
um den Speicherort anzugeben:
ng g d specific-folder/directive-name
quelle
quelle
Die oben genannten Optionen haben bei mir nicht funktioniert, da die CLI im Gegensatz zum Erstellen eines Verzeichnisses oder einer Datei im Terminal beim Generieren einer Komponente standardmäßig den Pfad src / app zu dem von Ihnen eingegebenen Pfad hinzufügt .
Wenn ich die Komponente wie folgt aus meinem Haupt-App-Ordner generiere (FALSCHER WEG)
Die Komponente, die generiert wurde, war folgende:
also musste ich nur tippen
Hoffentlich hilft das jemandem
quelle
Ich hatte kein Glück mit den obigen Antworten (einschließlich
--flat
), aber was für mich funktionierte war:Von dort lief ich die
ng g c mynewcomponent
quelle
Einfach
Es wird ein "Plainsight" -Ordner erstellt und eine Namenskomponente darin generiert.
quelle
Versuchen zu benutzen
Oder versuchen Sie es manuell, wenn Sie sich wohler fühlen.
quelle
Sobald Sie im Verzeichnis Ihres Projekts sind. Verwenden Sie
cd path/to/directory
dann verwenden Sieng g c component_name --spec=false
es automatisiert alles und ist fehlerfreidie
g c
Mittel erzeugen Komponentequelle
Wechseln Sie in der Eingabeaufforderung oder im Projektterminal zum Projektordner.
Führen Sie cmd: ng gc Komponentenname aus
quelle
Angular CLI bietet alle Befehle, die Sie für Ihre App-Entwicklung benötigen. Für Ihre speziellen Anforderungen können Sie einfach
ng g
(ng generate
) verwenden, um die Arbeit zu erledigen.ng g c directory/component-name
generiert einecomponent-name
Komponente imdirectory
Ordner.Im Folgenden finden Sie eine Übersicht einiger einfacher Befehle, die Sie in Ihrer Anwendung verwenden können.
ng g c comp-name
oderng generate component comp-name
um eine Komponente mit dem Namen 'comp-name' zu erstellenng g s serv-name
oderng generate service serv-name
um einen Dienst mit dem Namen 'serv-name' zu erstellenng g m mod-name
oderng generate module mod-name
um ein Modul mit dem Namen 'mod-name' zu erstellenng g m mod-name --routing
oderng generate module mod-name --routing
um ein Modul mit dem Namen 'mod-name' mit eckigem Routing zu erstellenHoffe das hilft!
Viel Glück!
quelle
Wenn Sie VSCode verwenden, sollten Sie die Angular Console verwenden
Es bietet eine Schnittstelle für die Angular CLI. Sie sehen eine Option zum Festlegen des Pfads.
quelle
Um eine Komponente zu erstellen, müssen Sie zunächst Folgendes verwenden: -
ng gc Komponentenname
Mit dem obigen Befehl wird eine neue Komponente in einem Ordner mit dem
oben angegebenen (Komponentennamen) erstellt.
Wenn Sie jedoch eine Komponente innerhalb einer anderen Komponente oder in einem bestimmten Ordner erstellen müssen: -
quelle
Notwendigkeit der Verwendung von --dryRun bei Verwendung eines benutzerdefinierten Verzeichnisses
Sie können Ihren benutzerdefinierten Verzeichnispfad zusammen mit dem
ng
Befehl übergeben.ng g c myfolder\mycomponent
Es besteht jedoch die Möglichkeit, dass Sie den Pfad verpassen und entweder ein neuer Ordner erstellt wird oder das Zielverzeichnis geändert wird. Aus diesem Grund
dryRun
ist sehr hilfreich. Es wird eine Ausgabe angezeigt, wie die Änderungen beeinflusst werden.Nach Überprüfung des Ergebnisses können Sie denselben Befehl ausführen, ohne
-d
die Änderungen vornehmen zu müssen.Offizielles Dokument: - https://angular.io/cli/generate
quelle