Angular 14中在指定组件内创建指令的CLI命令是什么?
在指定组件内创建指令的CLI命令解答
一、通用场景下的实现逻辑
不同前端框架的CLI工具语法存在差异,没有完全通用的命令,但核心是指定目标组件的目录作为指令生成路径。以下是几种主流框架的示例:
- Vue(Vue CLI):若要在
src/components/MyComponent目录下创建指令,使用命令:
(vue g d MyComponent/MyDirectiveg是generate的缩写,d是directive的缩写) - React(基于Nx工具链):若要在
src/components/my-component目录下创建指令,使用命令:nx generate @nrwl/react:directive my-directive --directory=src/components/my-component
二、Angular 14框架下的CLI命令
Angular CLI提供了直接指定组件目录生成指令的命令,假设目标组件位于src/app/my-component目录下,执行以下命令即可在该组件内创建指令:
ng g d my-component/my-directive
(ng g d是ng generate directive的缩写)
该命令会自动将指令文件生成在src/app/my-component目录中,同时将指令注册到该组件所属模块的declarations数组内。
内容的提问来源于stack exchange,提问作者Ishaan
相关产品推荐
相关产品推荐

