创建没有文件夹的组件

Question

我需要创建一个没有文件夹的组件。我正在使用Angular-Cli命令ng g c testing创建组件。但是，该命令将为新创建的组件创建一个文件夹包装。

Answer 1

您可以使用--flat标志。

ng g c test --flat

有关更多信息，请遵循此TLS alwert

  

flat = true |错误

     

为true时，将在当前项目的顶层创建新文件。

     

默认：false

Answer 2

好吧，您可以将文件上移一个文件夹，然后清除测试文件夹的内容

Answer 3

您可以在app文件夹内的任何位置创建组件，而无需使用命令 如果您使用任何IDE进行开发，例如Visual Studio Code或Atom。使用“新文件”图标或“文件”菜单中的“新文件”选项，

但是我建议您使用文件夹结构来更好地维护

Answer 4

ng g c test1 --flat --inline-template --inline-style

• -flat允许我们创建没有新文件夹的新组件。
• -内联允许我们将模板/样式保留在组件文件本身中，而不是为此创建单独的文件。

Answer 5

ng generate module app-routing --flat --module=app

或

ng g m app-routing --flat --module=app

--flat在src / app中创建文件，而不是创建文件夹。如果要跳过创建文件夹，可以使用--flat标志

--module=app告诉CLI将其注册到AppModule的imports数组中。

ng g c test --flat
ng g c test --skipTests=true

--skipTests=true不会创建任何测试文件。

希望您能理解。编码愉快：）

Answer 6

cd 到您要在其中创建组件的文件夹，然后运行以下命令：

 ng g c testing --flat --dry-run

--flat 选项将创建组件并将其放置在您当前的工作目录中。

--dry-run 选项允许您在不进行更改的情况下测试命令。如果您看到命令按您的意愿工作，请重新运行不带 --dry-run 选项的命令。