Overview

Creating Angular Chrome extensions has never been easier thanks to the @larscom/ng-chrome-extension package. Designed specifically for manifest v3, this tool supports various scenarios, making it a versatile option for developers looking to enhance their applications with Chrome's powerful capabilities. Whether you want a popup, new tab, options page, side panel, service worker, or content page, this package covers it all, streamlining the development process.

This CLI tool is primarily tested on Linux and macOS environments, providing an efficient workflow for developers who wish to take advantage of Angular's framework while building Chrome extensions. With straightforward installation and usage instructions, even those new to the platform will find it intuitive to work with.

Features

Multiple Scenarios Supported: Easily create various types of extensions like popups, new tabs, options pages, and side panels, enhancing your app's user interaction.
Automatic Watching: The project automatically recompiles when you make changes to your files, facilitating a smooth and uninterrupted development experience.
Production Build Simplification: Effortlessly create a zipped extension package for production by running a single command, allowing for easy deployment to the Chrome Web Store.
Debugging Tools Built-in: Utilize the developer tools to inspect your popup and find your source files quickly, streamlining the debugging process.
Lazy Loading Components: Each feature resides in its standalone component that loads as needed, optimizing performance and resource usage.
Angular Source Accessibility: The structured Angular folder contains all the source code, making it easy to locate and modify for individual project needs.
Guide for Upgrading Angular: Follow the standard Angular upgrade guide to keep your projects up to date after creating a new project with ng-chrome, ensuring longevity and support.

Larscom

Angular Chrome Extension

Ng Chrome Extension