docs(add): add an explanation for the @ng-doc/generated path

Closes ng-doc#112

apps/ng-doc/docs/getting-started/installation/index.md

@@ -14,6 +14,8 @@ To install the NgDoc, you can use the command below.
 This command will automatically install and add the library to your project,
 and configure it.
 
+{% include "../../shared/generated-folder.md" %}
+
 ```bash group="install" name="Angular" icon="angular"
 ng add @ng-doc/add
 ```
@@ -185,6 +187,8 @@ application, NgDoc also uses synthetic imports that you need to enable,
 to do this, edit the tsconfig.json of the existing application by adding the path to
 the generated files and `allowSyntheticDefaultImports` option.
 
+{% include "../../shared/generated-folder.md" %}
+
 ```json name="tsconfig.json"
 {
   "compilerOptions": {

apps/ng-doc/docs/shared/generated-folder.md

@@ -0,0 +1,4 @@
+> **Warning**
+> TypeScript may display an error for the `@ng-doc/generated` path in your code editor if you are
+> using the library for the first time. Files for the `@ng-doc/generated` path will be generated
+> automatically when you run your application, so please disregard any errors related to it.

libs/add/schematics/ng-add/index.ts

@@ -16,6 +16,7 @@ import { addLayout } from './steps/add-layout';
 import { addNgDocAppConfig } from './steps/add-ng-doc-app-config';
 import { addStyles } from './steps/add-styles';
 import { addTsconfigPaths } from './steps/add-tsconfig-paths';
+import { postInstall } from './steps/post-install';
 import { replaceBuilders } from './steps/replace-builders';
 import { updateAppTsConfig } from './steps/update-app-ts-config';
 
@@ -54,5 +55,6 @@ export function ngAddSetupProject(options: Schema): Rule {
 		addTsconfigPaths(options),
 		updateAppTsConfig(options),
 		addGitIgnore(),
+		postInstall(),
 	]);
 }

libs/add/schematics/ng-add/steps/post-install.ts

@@ -0,0 +1,12 @@
+import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
+
+/**
+ *
+ */
+export function postInstall(): Rule {
+	return async (tree: Tree, context: SchematicContext) => {
+		context.logger.info(
+			`[INFO]: Everything is done! Files for the "@ng-doc/generated" path will be created when you start your application.`,
+		);
+	};
+}