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 7 months 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"}} {{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*. 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}} {{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_. 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 ## 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. 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. 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}} {{end}}

Loading…
Cancel
Save