Ng Chrome Extension

screenshot of Ng Chrome Extension
angular

CLI tool to generate angular chrome extensions

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.
angular
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.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

typescript
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.