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

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

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