File tree Expand file tree Collapse file tree 1 file changed +25
-13
lines changed Expand file tree Collapse file tree 1 file changed +25
-13
lines changed Original file line number Diff line number Diff 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
23231 . 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+
5466You'll now be able to add ionic components to a vanilla Angular app setup.
5567
5668## Project Structure
You can’t perform that action at this time.
0 commit comments