JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 167
  • Score
    100M100P100Q32230F
  • License MIT

Create Chrome extension boilerplate with React, Vue, or JavaScript

Package Exports

  • create-flexex
  • create-flexex/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (create-flexex) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

FlexEx 🚀

FlexEx is a flexible and easy-to-use boilerplate for creating Chrome extensions with support for React, Vue, and plain JavaScript. FlexEx uses Vite, the lightning-fast build tool for modern web development, to power its development environment.

Features

  • Multiple Templates: Choose from React, Vue, or plain JavaScript templates to start building your Chrome extension.
  • Flexible Configuration: Customize your extension with ease using modern JavaScript frameworks.
  • Hot Reloading: Enjoy automatic hot reloading for faster development iterations.
  • Simple Setup: Get started quickly with simple installation steps.

Installation

To use FlexEx, follow these simple steps:

  1. Create a new project:

    npm create flexex your-project-name

  2. Navigate to your project directory:

    cd your-project-name

  3. Install dependencies:

    npm install

Usage

  1. Generate Build:

    npm run build

    This command will generate a build inside the dist folder. Alternatively, you can use npm run dev, which watches for changes and automatically creates a build on every change.

  2. Load your extension in Chrome:

    1. Open Chrome browser.
    2. Go to chrome://extensions/ (Make sure you have enabled Developer mode).
    3. Click on "Load unpacked" button.
    4. Select the build directory inside your project.

    Now you're all set to start coding your Vue extension! 🎉

Documentation

For more detailed documentation and advanced usage, visit our official documentation.

Contributing

We welcome contributions from the community! If you find any issues or have suggestions for improvement, please feel free to open an issue or create a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.