mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
34 lines
975 B
Markdown
34 lines
975 B
Markdown
|
# Developing
|
||
|
|
|
||
|
|
To setup your development environment run:
|
||
|
|
|
||
|
|
```
|
||
|
|
git clone git@github.com:rangle/angular-devtools
|
||
|
|
cd angular-devtools
|
||
|
|
yarn
|
||
|
|
```
|
||
|
|
|
||
|
|
To run the extension in development mode run:
|
||
|
|
|
||
|
|
```
|
||
|
|
ng serve
|
||
|
|
```
|
||
|
|
|
||
|
|
This would start a development server that you can access on http://localhost:4200. In development, Angular DevTools uses a "development shell." This is different from "chrome shell" in a way, that it runs the user's app in an iframe. DevTools then communicate with the user's app via message passing.
|
||
|
|
|
||
|
|
## Building the extension
|
||
|
|
|
||
|
|
To build the Angular DevTools Chrome extension run:
|
||
|
|
|
||
|
|
```
|
||
|
|
npm run release
|
||
|
|
```
|
||
|
|
|
||
|
|
This would output the production assets of the app in `dist/shell-chrome`. If you want to build the extension with development settings (i.e., not minified sources), just run:
|
||
|
|
|
||
|
|
```
|
||
|
|
ng build shell-chrome
|
||
|
|
```
|
||
|
|
|
||
|
|
Later on, you can install the extension from `dist/shell-chrome` following the guide from [here](https://developer.chrome.com/apps/external_extensions).
|