2021-04-30 16:36:19 +00:00
# Angular DevTools
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
## Table of content
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
- [Angular DevTools ](#angular-devtools )
- [Table of content ](#table-of-content )
- [Introduction ](#introduction )
- [Inspecting Code ](#inspecting-code )
- [Supported version ](#supported-version )
- [Working on Angular DevTools ](#working-on-angular-devtools )
- [Installing and Running locally ](#installing-and-running-locally )
- [Build and Install on Chrome locally ](#build-and-install-on-chrome-locally )
- [Reporting issues ](#reporting-issues )
- [Contributing ](#contributing )
- [General guidelines ](#general-guidelines )
- [License ](#license )
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
## Introduction
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
Angular DevTools is a Chrome DevTools extension for debugging and profiling Angular applications.
2020-01-27 18:40:18 +00:00
2021-05-18 16:51:07 +00:00
You can install the extension from: [Chrome Web Store ](https://chrome.google.com/webstore/detail/angular-developer-tools/ienfalfjdbdpebioblfackkekamfmbnh )
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
## Inspecting Code
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications. A hard requirement is that the Angular application is running in development mode.
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
## Supported version
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
Angular DevTools supports Angular v9 and above, with Ivy enabled.
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
## Working on Angular DevTools
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
### Installing and Running locally
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
To setup your local development environment for Angular DevTools, perform the following steps:
2020-01-27 18:40:18 +00:00
2021-04-30 16:36:19 +00:00
```bash
2022-01-27 20:36:16 +00:00
git clone git://github.com/angular/angular
cd angular
2021-05-18 16:51:07 +00:00
yarn
2022-01-27 20:36:16 +00:00
yarn run devtools:devserver
2021-04-30 16:36:19 +00:00
```
### Build and Install on Chrome locally
2021-06-01 15:50:40 +00:00
1. After installation, generate chrome build by running `yarn build:chrome`
2021-04-30 16:36:19 +00:00
2. Navigate to `chrome://extensions` and enable Developer mode.
3. Choose "Load unpacked extension".
4. In the dialog, select the directory `dist/shell-chrome` .
## Reporting issues
Please search to make sure your issue is not already been reported. When opening an issue, please follow the issue template provided.
## Contributing
### General guidelines
If you'd like to help out, please read our [Development Guidelines ](DEVELOPING.md ) and [Contributing Guidelines ](CONTRIBUTING.md ).
### License
[MIT ](LICENSE )