Skip to content

Commit 12eace0

Browse files
docs(angular): update testing ng-add
1 parent 4b5753a commit 12eace0

File tree

1 file changed

+25
-13
lines changed

1 file changed

+25
-13
lines changed

packages/angular/README.md

Lines changed: 25 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -21,36 +21,48 @@ Ionic Angular specific building blocks on top of [@ionic/core](https://www.npmjs
2121
## Testing ng-add in ionic
2222

2323
1. Pull the latest from `main`
24-
2. Build ionic/angular: `npm run build`
25-
3. Run `npm link` from `ionic/angular/dist` directory
26-
4. Create a blank angular project
24+
2. Install dependencies and build `core` package:
2725

2826
```
29-
ng new add-test
30-
// Say yes to including the router, we need it
31-
cd add-test
27+
$ cd core
28+
$ npm install
29+
$ npm run build
3230
```
3331

34-
5. To run schematics locally, we need the schematics-cli (once published, this will not be needed)
32+
3. Install dependencies and build Angular package:
3533

3634
```
37-
npm install @angular-devkit/schematics-cli
35+
$ cd ../packages/angular
36+
$ npm install
37+
$ npm run build
3838
```
3939

40-
6. Link `@ionic/angular`
41-
40+
4. Link Angular package from `dist` folder
4241
```
43-
npm link @ionic/angular
42+
$ cd dist
43+
$ npm link
4444
```
4545

46+
5. Create a blank angular project
47+
48+
```
49+
$ ng new add-test
50+
$ cd add-test
51+
```
4652

47-
7. Run the local copy of the ng-add schematic
53+
6. Link the local ionic/angular package to the add-test app
4854

4955
```
50-
$ npx schematics @ionic/angular:ng-add
56+
$ npm link @ionic/angular
5157
```
5258

5359

60+
8. Run the local copy of the ng-add schematic
61+
62+
```
63+
$ ng add @ionic/angular
64+
```
65+
5466
You'll now be able to add ionic components to a vanilla Angular app setup.
5567

5668
## Project Structure

0 commit comments

Comments
 (0)