web-dev-qa-db-fra.com

Comment puis-je changer le chemin de génération des composants en chemin courant dans angular-cli?

Je suis un cours angulaire 2 dans lequel l'instructeur accède au chemin spécifique dans lequel il souhaite générer un composant, puis exécute la commande suivante:

ng generate component component-name

Une fois qu’il l’a exécuté, l’outil génère les fichiers dans le répertoire actuel, mais lorsque j’essaie de le faire, il génère les fichiers dans le dossier racine de l’application.

En d'autres termes, si je fais ceci:

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

Je m'attends à ce que la commande génère des fichiers ici:

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

Mais au lieu de le faire ici:

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

Comment puis-je dire à ng-cli d'utiliser le chemin actuel?

angularangular-cli
5
jacoviza
ng g c 'path/to/component/componentName'

Vous ne devriez jamais avoir à quitter votre répertoire racine lorsque vous travaillez avec cli angulaire. Si vous vouliez que tous vos composants entrent dans un sous-répertoire appelé mon-composant, il vous suffirait de faire ng g c my-component/componentName

Notez que g et c sont des shortforms valides pour generate et component respectivement.

14
Jesse Carter

Supposons que vous avez la structure src/app et que vous voulez créer un composant header résidant à src/app/components/, vous pouvez exécuter ng g c components/header, qui générera des fichiers dans le dossier src/app/components/header, comme src/app/components/header/header.component.tssrc/app/components/header/header.component.html, etc.

0
xwa130

définissez le chemin depuis le dossier de l'application, de sorte que vous n'avez pas besoin d'utiliser ng g c 'C:\someFolder\your-project\src\app\some-folder\other-folder\your-component'. utilisez simplement ng g c '.\pages\shered\reset-password'

0
Italo José

Je suis tombé sur quelque chose de semblable à cela lorsque j'ai suivi le cours Udemy de Max Schwartzmuller. J'essayais de générer des composants dans un sous-dossier parallèle à l'application. La cli créera tout ce qui est appelé ainsi directement sous 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

déplacer/mes composants sous l'application tout a fonctionné comme prévu.

0
Charles Hankey