Augury
Angular Debugging and Visualization Tools
Overview:
Angular DevTools is a Chrome and Firefox Developer Tools extension for debugging Angular 2+ applications. It has replaced Augury and offers new features for developers. The extension can be downloaded from the Chrome Web Store, and developers can use the rangle/angular-devtools repository to log any issues.
Features:
- Debugging Angular 2+ applications: Angular DevTools allows developers to debug Angular 2+ applications in Chrome and Firefox.
- Canary Build for Chrome: Developers can try out new features and bug fixes by using the Canary Build for Chrome.
- Support for development mode: Angular DevTools requires the Angular application to be running in development mode for inspection.
- Automated Testing: Developers can run automated tests by executing npm test, which bundles and runs unit tests for the extension.
Summary:
Angular DevTools is a powerful extension for debugging Angular 2+ applications in Chrome and Firefox. It offers new features and improvements over its predecessor, Augury. By following the installation guide provided, developers can easily set up and start using this essential tool for Angular development.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.