instalar - ¿Cómo generar componentes en una carpeta específica con angular-cli?
crear proyecto angular 6 (11)
Estoy usando angualr4 con angular-cli y puedo crear un nuevo componente con el siguiente comando.
E:/HiddenWords>ng generate component plainsight
Pero necesito generar un componente hijo dentro de la vista general. ¿Hay alguna manera de hacer con angular-cli?
Método rápido, simple y sin errores
es decir, desea crear un componente en una carpeta de
app/component
, luego siga estos pasos
-
Haga clic derecho en la carpeta del componente y luego seleccione
Open in Command Prompt -
Ahora escriba
ng gc my-new-componenten el terminal recién creado
También puedes consultar este proceso a través de esta imagen
El
ng g component plainsight/some-name
un
nuevo directorio
cuando lo usamos.
El resultado final será:
plainsight/some-name/some-name.component.ts
Para evitar eso, utilice la
opción plana
ng g component plainsight/some-name --flat
y generará los archivos
sin
crear una nueva carpeta
plainsight/some-name.component.ts
No tuve suerte con las respuestas anteriores (incluida
--flat
), pero lo que funcionó para mí fue:
ng g component plainsight/some-name
Desde allí, ejecuté el
ng gc mynewcomponent
Puede mencionar la ruta con el comando
ng g
ng g component plainsight/yourchildcompname
Lo anterior creará un componente
yourchildcompname
y los archivos necesarios dentro de la carpeta Plainsight.
Si la carpeta Plainsight no existe, creará esa carpeta también.
Sencillo
ng g component plainsight/some-name.component.ts
Creará la carpeta "plainsight" y generará algún componente de nombre dentro de ella.
Tratar de usar
cd path/to/specific/directory
O pruébelo manualmente, si se siente más cómodo.
Una vez que esté en el directorio de su proyecto.
use la
cd path/to/directory
luego use
ng gc component_name --spec=false
, automatiza todo y está libre de errores
el
gc
significa generar componente
código más corto para generar componente:
ng gc component-name
para especificar su ubicación:
ng gc specific-folder/component-name
información adicional
código más corto para generar la directiva:
ng gd directive-name
para especificar su ubicación:
ng gd specific-folder/directive-name
ng gc component-name
Para especificar una ubicación personalizada:
ng gc specific-folder/component-name
aquí
component-name
se creará dentro de una carpeta específica.
Se puede usar un enfoque similar para generar otros componentes como
directive
,
pipe
,
service
,
class
,
guard
,
interface
,
enum
,
module
, etc.
ng g c folderName/SubFolder/.../componentName --spec=false