docs: update to standalone and routing by default (angular#52293)

This commit covers several changes:
 - routing enabled by default
 - standalone by default

PR Close angular#52293

Author: alan-agius4

aio/content/guide/angular-compiler-options.md

@@ -138,7 +138,7 @@ The `module` field of the library's `package.json` would be `"index.js"` and the
 When `true`, the recommended value, enables the [binding expression validation](guide/aot-compiler#binding-expression-validation) phase of the template compiler. This phase uses TypeScript to verify binding expressions.
 For more information, see [Template type checking](guide/template-typecheck).
 
-Default is `false`, but when you use the Angular CLI command `ng new --strict`, it is set to `true` in the new project's configuration.
+Default is `false`, but set to `true` in the created workspace configuration when creating a project using the Angular CLI.
 
 <div class="alert is-important">
 
@@ -213,7 +213,7 @@ When `true`, reports an error for a supplied parameter whose injection type cann
 When `false`, constructor parameters of classes marked with `@Injectable` whose type cannot be resolved produce a warning.
 The recommended value is `true`, but the default value is `false`.
 
-When you use the Angular CLI command `ng new --strict`, it is set to `true` in the created project's configuration.
+Set to `true` in the created workspace configuration when creating a project using the Angular CLI.
 
 ### `strictTemplates`
 
@@ -222,7 +222,7 @@ When `true`, enables [strict template type checking](guide/template-typecheck#st
 The strictness flags that this option enables allow you to turn on and off specific types of strict template type checking.
 See [troubleshooting template errors](guide/template-typecheck#troubleshooting-template-errors).
 
-When you use the Angular CLI command `ng new --strict`, it is set to `true` in the new project's configuration.
+Set to `true` in the created workspace configuration when creating a project using the Angular CLI.
 
 ### `trace`
 
@@ -246,4 +246,4 @@ Besides the configuration file, you can also use [`tsc` command line options](ht
 
 <!-- end links -->
 
-@reviewed 2023-04-19
+@reviewed 2023-10-24

aio/content/guide/file-structure.md

@@ -92,12 +92,12 @@ Angular components, templates, and styles go here.
 
 | `src/app/` files | Purpose |
 |---|---|
-| `app/app.config.ts` | Defines the application config logic that tells Angular how to assemble the application. As you add more providers to the app, they must be declared here.<br><br>_Only generated when using the `--standalone` option._ |
+| `app/app.config.ts` | Defines the application config logic that tells Angular how to assemble the application. As you add more providers to the app, they must be declared here. |
 | `app/app.component.ts` | Defines the logic for the application's root component, named `AppComponent`. The view associated with this root component becomes the root of the [view hierarchy](guide/glossary#view-hierarchy) as you add components and services to your application. |
 | `app/app.component.html` | Defines the HTML template associated with the root `AppComponent`. |
 | `app/app.component.css` | Defines the base CSS stylesheet for the root `AppComponent`. |
 | `app/app.component.spec.ts` | Defines a unit test for the root `AppComponent`. |
-| `app/app.module.ts` | Defines the root module, named `AppModule`, that tells Angular how to assemble the application. Initially declares only the `AppComponent`. As you add more components to the app, they must be declared here.<br><br>_This file is not generated when using the `--standalone` option._ |
+| `app/app.module.ts` | Defines the root module, named `AppModule`, that tells Angular how to assemble the application. Initially declares only the `AppComponent`. As you add more components to the app, they must be declared here.<br><br>_This file is not generated when using `--no-standalone` option._ |
 
 ### Application configuration files
 
@@ -207,4 +207,4 @@ Under the `projects/` folder, the `my-lib` folder contains your library code.
 
 <!-- end links -->
 
-@reviewed 2023-04-24
+@reviewed 2023-10-24

aio/content/guide/lazy-loading-ngmodules.md

@@ -68,11 +68,11 @@ Enter the following command where `customer-app` is the name of your app:
 
 <code-example format="shell" language="shell">
 
-ng new customer-app --routing
+ng new customer-app --no-standalone
 
 </code-example>
 
-This creates an application called `customer-app` and the `--routing` flag generates a file called `app-routing.module.ts`. This is one of the files you need for setting up lazy loading for your feature module.
+This creates an application called `customer-app` with a file called `app-routing.module.ts`. This is one of the files you need for setting up lazy loading for your feature module.
 Navigate into the project by issuing the command `cd customer-app`.
 
 ### Create a feature module with routing
@@ -422,4 +422,4 @@ You might also be interested in the following:
 
 <!-- end links -->
 
-@reviewed 2022-05-07
+@reviewed 2023-10-24

aio/content/guide/router-tutorial.md

@@ -43,7 +43,7 @@ This application will have two components: *crisis-list* and *heroes-list*.
 
     <code-example format="shell" language="shell">
 
-    ng new angular-router-sample --standalone
+    ng new angular-router-sample
 
     </code-example>
 
@@ -58,7 +58,7 @@ This application will have two components: *crisis-list* and *heroes-list*.
 
     <code-example format="shell" language="shell">
 
-    ng generate component crisis-list --standalone
+    ng generate component crisis-list
 
     </code-example>
 
@@ -70,7 +70,7 @@ This application will have two components: *crisis-list* and *heroes-list*.
 
     <code-example format="shell" language="shell">
 
-    ng generate component heroes-list --standalone
+    ng generate component heroes-list
 
     </code-example>
 
@@ -130,7 +130,7 @@ To add this functionality to your sample application, you need to update the `ap
 You import this provider function from `@angular/router`.
 
 1.  From your code editor, open the `app.config.ts` file.
-1.  Add the following import statements: 
+1.  Add the following import statements:
 
 ```
 import { provideRouter } from '@angular/router';
@@ -263,7 +263,7 @@ In this section, you'll create a 404 page and update your route configuration to
 
     <code-example format="shell" language="shell">
 
-    ng generate component page-not-found --standalone
+    ng generate component page-not-found
 
     </code-example>
 
@@ -308,4 +308,4 @@ For more information about routing, see the following topics:
 
 <!-- end links -->
 
-@reviewed 2022-02-28
+@reviewed 2023-10-24

aio/content/guide/router.md

@@ -4,14 +4,14 @@ This topic describes how to implement many of the common tasks associated with a
 
 <a id="basics"></a>
 
-## Generate an application with routing enabled
+## Generate an application
 
 The following command uses the Angular CLI to generate a basic Angular application with application routes.
 The application name in the following example is `routing-app`.
 
 <code-example format="shell" language="shell">
 
-ng new routing-app --routing --defaults --standalone
+ng new routing-app
 
 </code-example>
 
@@ -22,7 +22,7 @@ To create a component using the CLI, enter the following at the command line whe
 
 <code-example format="shell" language="shell">
 
-ng generate component first --standalone
+ng generate component first
 
 </code-example>
 
@@ -31,7 +31,7 @@ Here, the new name is `second`.
 
 <code-example format="shell" language="shell">
 
-ng generate component second --standalone
+ng generate component second
 
 </code-example>
 
@@ -66,15 +66,15 @@ Import the routes into `app.config.ts` and add it to the `provideRouter` functio
 
 The Angular CLI performs this step for you.
 However, if you are creating an application manually or working with an existing, non-CLI application, verify that the imports and configuration are correct.
-The following is the default `ApplicationConfig` using the CLI with the `--routing` flag.
+The following is the default `ApplicationConfig` using the CLI.
 
 ```
 export const appConfig: ApplicationConfig = {
   providers: [provideRouter(routes)]
 };
 ```
 
-1.  Set up a `Routes` array for your routes 
+1.  Set up a `Routes` array for your routes
 
     The Angular CLI performs this step automatically.
 
@@ -725,4 +725,4 @@ When using `RouterModule.forRoot`, this is configured with the `useHash: true` i
 
 <!-- end links -->
 
-@reviewed 2023-08-29
+@reviewed 2023-10-24

aio/content/guide/routing-with-urlmatcher.md

@@ -33,7 +33,7 @@ In addition to the default Angular application framework, you will also create a
 
     <code-example format="shell" language="shell">
 
-    ng new angular-custom-route-match --standalone
+    ng new angular-custom-route-match
 
     </code-example>
 
@@ -48,7 +48,7 @@ In addition to the default Angular application framework, you will also create a
 
    <code-example format="shell" language="shell">
 
-   ng generate component profile --standalone
+   ng generate component profile
 
    </code-example>
 
@@ -146,4 +146,4 @@ This content is based on [Custom Route Matching with the Angular Router](https:/
 
 <!-- end links -->
 
-@reviewed 2022-02-28
+@reviewed 2023-10-24

aio/content/guide/workspace-config.md

@@ -135,6 +135,7 @@ The schemas configure options for the following builders.
 
 <!-- vale Angular.Google_WordListWarnings = NO -->
 
+*   [application](https://github.com/angular/angular-cli/blob/main/packages/angular_devkit/build_angular/src/builders/application/schema.json)
 *   [app-shell](https://github.com/angular/angular-cli/blob/main/packages/angular_devkit/build_angular/src/builders/app-shell/schema.json)
 *   [browser](https://github.com/angular/angular-cli/blob/main/packages/angular_devkit/build_angular/src/builders/browser/schema.json)
 *   [dev-server](https://github.com/angular/angular-cli/blob/main/packages/angular_devkit/build_angular/src/builders/dev-server/schema.json)
@@ -198,7 +199,7 @@ It has the following top-level properties.
 
 | PROPERTY        | Details                                                                                                                                                                                                                                                                                                              |
 |:---             |:---                                                                                                                                                                                                                                                                                                                      |
-| `builder`       | The npm package for the build tool used to create this target. The default builder for an application \(`ng build myApp`\) is `@angular-devkit/build-angular:browser`, which uses the [webpack](https://webpack.js.org) package bundler. <div class="alert is-helpful"> **NOTE**: A different builder is used for building a library \(`ng build myLib`\). </div> |
+| `builder`       | The npm package for the build tool used to create this target. The default builder for an application \(`ng build myApp`\) is `@angular-devkit/build-angular:application`, which uses the [esbuild](https://esbuild.github.io/) package bundler. <div class="alert is-helpful"> **NOTE**: A different builder is used for building a library \(`ng build myLib`\). </div> |
 | `options`       | This section contains default build target options, used when no named alternative configuration is specified. See the [Default build targets](#default-build-targets) section.                                                                                                                                                |
 | `configurations`| This section defines and names alternative configurations for different intended destinations. It contains a section for each named configuration, which sets the default options for that intended environment. See the [Alternate build configurations](#build-configs) section.                                             |
 
@@ -547,4 +548,4 @@ When supplying the value as a String the filename of the specified path will be
 
 <!-- end links -->
 
-@reviewed 2022-02-28
+@reviewed 2023-10-24

aio/content/tutorial/first-app/first-app-lesson-01.md

@@ -20,7 +20,7 @@ In the **Terminal** pane of your IDE:
 
 1.  In your project directory, navigate to the `first-app` directory.
 1.  Run this command to install the dependencies needed to run the app.
-    
+
     <code-example format="shell" language="shell">
 
     npm install
@@ -120,4 +120,4 @@ For more information about the topics covered in this lesson, visit:
 * [Angular Components](/guide/component-overview)
 * [Creating applications with the Angular CLI](/cli)
 
-  @reviewed 2023-07-10
+@reviewed 2023-10-24

aio/content/tutorial/first-app/first-app-lesson-02.md

@@ -39,7 +39,7 @@ In the **Terminal** pane of your IDE:
 
     <code-example format="shell" language="shell">
 
-    ng generate component home --standalone --inline-template --skip-tests
+    ng generate component home --inline-template --skip-tests
 
     </code-example>
 
@@ -132,4 +132,4 @@ For more information about the topics covered in this lesson, visit:
 *  [`Component` reference](api/core/Component)
 *  [Angular components overview](guide/component-overview)
 
-@reviewed 2023-07-10
+@reviewed 2023-10-24

aio/content/tutorial/first-app/first-app-lesson-03.md

@@ -22,7 +22,7 @@ In the **Terminal** pane of your IDE:
 1. Run this command to create a new `HousingLocationComponent`
 
     <code-example format="shell" language="shell">
-    ng generate component housingLocation --standalone --inline-template --skip-tests
+    ng generate component housingLocation --inline-template --skip-tests
     </code-example>
 
 1. Run this command to build and serve your app.
@@ -64,7 +64,7 @@ In the **Edit** pane of your IDE:
 In this step, you will copy over the pre-written styles for the `HousingLocationComponent` to your app so that the app renders properly.
 
 1. Open `src/app/housing-location/housing-location.css`, and paste the styles below into the file:
-        
+
     <code-example header="Add CSS styles to housing location to the component in src/app/housing-location/housing-location.component.css" path="first-app-lesson-03/src/app/housing-location/housing-location.component.css"></code-example>
 
 1.  Save your code, return to the browser and confirm that the app builds without error. You should find the message "housing-location works!" rendered to the screen.Correct any errors before you continue to the next step.
@@ -84,4 +84,4 @@ If you are having any trouble with this lesson, you can review the completed cod
 
 * [First Angular app lesson 4 -  Add a housing location interface to the application](tutorial/first-app/first-app-lesson-04)
 
-@reviewed 2023-07-11
+@reviewed 2023-10-24