生成内部模块文件夹

Question

我正在使用基于Angular-CLI骨架的Angular 2应用程序，我习惯用一个目录按模块构建我的src文件夹，并且每个组件都与该模块在同一文件夹中相关。

src
    app
        documents
            document-list.component.ts
            document-list.component.html
            documents.component.ts
            documents.component.html
            document.module.ts
        app.component.ts
        app.module.ts
    main.ts 

现在我正在使用Angular-CLI，我想利用每个功能，但是当我生成一个新组件时，无论如何，当我只是想要时，它会继续为我的组件创建一个新文件夹把它放在相关的文件夹里。

src
    app
        documents
            document-list
                document-list.component.ts
                document-list.component.html
            documents.component.ts
            documents.component.html
            document.module.ts
        app.component.ts
        app.module.ts
    main.ts 

是否可以保留我以前的结构，这是一种不好的做法吗？该指南建议避免无用的目录深度，所以我有点不安。

Answer 1

假设您在应用程序的根目录中，并希望在上面显示的src/app/documents内创建组件。您可以使用--flat选项创建组件，而无需创建目录。要创建上面的组件，请使用以下命令：

ng generate component document-list --flat

Answer 2

使用angular-cli，您可以运行ng g component documents/document-list，它将创建您需要的结构（假设app是您应用程序的根目录）。

希望这有帮助。

Answer 3

在文件夹中创建一个组件，该组件已经存在或与组件名称不同而没有创建子文件夹......

ng生成组件目录/ component-name --flat

例如： ng生成组件测试/测试列表 - 平面

这将生成文件夹测试中的组件， NOT 创建子文件夹test-detail ...