Browse Source

Add Angular symlink setup instructions in docs

Update modular CRM tutorial docs to include Angular symlink setup and startup steps. In part-04, remove the TODO screenshot placeholder and add a note to run `yarn symlinks:setup` from the root `angular` folder after installing a new Angular module (and again when adding more local modules). In part-07, replace the TODO screenshot note with instructions to run `yarn symlinks:setup` and `yarn start` from the `angular` folder to launch the app for validation.
pull/24953/head
Fahri Gedik 1 month ago
parent
commit
0ff2a750fc
  1. 14
      docs/en/tutorials/modular-crm/part-04.md
  2. 7
      docs/en/tutorials/modular-crm/part-07.md

14
docs/en/tutorials/modular-crm/part-04.md

@ -54,8 +54,6 @@ You can choose the type of UI you want to support in your module or select *No U
{{else if UI == "NG"}}
> TODO: Add ABP Studio new module dialog screenshot for Angular UI selection.
You can choose the type of UI you want to support in your module or select *No UI* if you don't need a user interface. In this example, we'll select the *Angular* UI option and click *Next*.
{{end}}
@ -92,6 +90,18 @@ Select the `ModularCrm.Ordering` module and check the *Install this module* opti
Select the `ModularCrm.Ordering` and `ModularCrm.Ordering.UI` packages from the left area and ensure the `ModularCrm` package from the middle area was checked as shown in the preceding figure. Finally, click _OK_.
{{if UI == "NG"}}
After installing a new Angular module, run the symlink setup command from the root `angular` folder to align shared package versions between the main app and local module packages:
```bash
yarn symlinks:setup
```
You should run this command again whenever you add another local module with Angular packages.
{{end}}
## Summary
In this part of the tutorial, you've created a new module and installed it into the main solution. In the [next part](part-05), you will add functionality to the new Ordering module.

7
docs/en/tutorials/modular-crm/part-07.md

@ -261,7 +261,12 @@ Here are sample screenshots from the Products and Orders pages:
At that point, open the Angular UI and validate the result on the *Ordering* (`/ordering`) and *Catalog* (`/catalog`) pages. Verify that the new order is listed in Ordering and the related product's stock count is decreased in Catalog.
> TODO: Add Angular Ordering and Catalog pages screenshot after order creation validation.
If the Angular app is not already running, start it from the root `angular` folder:
```bash
yarn symlinks:setup
yarn start
```
{{end}}

Loading…
Cancel
Save