Question

我正在执行一个有角度的2课程，其中教师导航到他想要生成组件的特定路径，然后运行以下命令：

var mystring = Encoding.UTF8.GetString(myarray);

运行后，该工具生成当前目录中的文件，但是当我尝试相同时，该工具最终会在app根文件夹中生成文件。

换句话说，如果我这样做：

ng generate component component-name

我希望命令在这里生成文件：

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

而是在这里做：

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

如何告诉ng-cli使用当前路径？

Answer 1

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="JSTransition.js"></script>
<div class="trigger">
  <div class="box"></div>
</div>

使用angular cli时，您永远不必离开根目录。如果您希望所有组件都进入名为my-component的子目录，您只需执行ng g c 'path/to/component/componentName'

请注意，g和c分别是ng g c my-component/componentName和generate的有效缩写。

Answer 2

在跟随Max Schwartzmuller的Udemy课程时，我遇到了类似的事情。我试图在与app平行的子文件夹中生成组件。 cli将直接在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

在app下移动/ mycomponents一切按预期工作。

Answer 3

从app文件夹设置路径，因此您不需要使用ng g c 'C:\someFolder\your-project\src\app\some-folder\other-folder\your-component'。只需使用ng g c '.\pages\shered\reset-password'

Answer 4

好吧，在谷歌搜索并阅读了其他答案之后，在这里进行一些解释将很有帮助。在项目中生成组件：

cd  path/your-project

在控制台（节点提示符或IDE控制台）中输入：

ng generate component components/your-new-component-name

如果要缩写：

ng g c components/your-new-component-name

您可以创建其他角度分量，例如： ng g指令 ng g模块 ...

来源和更多信息：Angular Official Documentation

您应避免： 'route-to-your-project'：执行时将连接路由：ng gc'route-to-your-project'，控制台将显示错误，因为找不到正确的生成位置。

示例：

 ng g c components/alerts/test3

CREATE src/app/components/alerts/test3/test3.component.html (20 bytes)
CREATE src/app/components/alerts/test3/test3.component.spec.ts (621 bytes)
CREATE src/app/components/alerts/test3/test3.component.ts (266 bytes)
CREATE src/app/components/alerts/test3/test3.component.scss (0 bytes)
UPDATE src/app/components/alerts/alerts.module.ts (5046 bytes)

希望对您有帮助

如何在angular-cli中将组件生成的路径更改为当前路径？

4 个答案: