2021-04-30 16:36:19 +00:00
# Angular DevTools
2020-01-27 18:40:18 +00:00
2022-05-05 23:13:43 +00:00
Angular DevTools is a browser DevTools extension for debugging and profiling Angular applications.
2020-01-27 18:40:18 +00:00
2022-05-05 23:13:43 +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
```
2022-05-05 23:13:43 +00:00
## Publish Angular DevTools
2021-04-30 16:36:19 +00:00
2022-05-05 23:13:43 +00:00
To publish Angular DevTools to Firefox or Chrome stores:
2021-04-30 16:36:19 +00:00
2022-05-05 23:13:43 +00:00
1. Update the version of the corresponding manifest file. Currently, Angular DevTools uses different versioning compared to the rest of the packages within the monorepo.
* `manifest.chrome.json` for Chrome
* `manifest.firefox.json` for Firefox
1. Build the extension:
* `yarn devtools:build:chrome` for Chrome
* `yarn devtools:build:firefox` for Firefox
1. Find the extension production assets in `dist/bin/devtools/projects/shell-browser/src/prodapp` relative to the root of the Angular monorepo
1. Zip the files in the directory
1. Upload them to the corresponding store
2021-04-30 16:36:19 +00:00
2022-05-05 23:13:43 +00:00
### Firefox
2021-04-30 16:36:19 +00:00
2022-05-05 23:13:43 +00:00
1. Go to the Firefox Addons [page ](https://addons.mozilla.org/developers/addons )
1. For email enter `devrel@angular.io`
1. Find the password on Valentine
1. Setup Google Authenticator with the 2FA QR code. You can find the QR code on Valentine
2021-04-30 16:36:19 +00:00
2022-05-05 23:13:43 +00:00
### Chrome Web Store
2021-04-30 16:36:19 +00:00
2022-05-05 23:13:43 +00:00
1. Go to the extension [page ](https://chrome.google.com/webstore/category/extensions )
1. Make sure your email is part of the Google Group we use for publishing the extension
1. Navigate to "Developer Dashboard"
1. Enter your account credentials
1. You should be able to change the publisher to "Angular"