This is a Plasmo extension project bootstrapped with plasmo init.
In this project you through the process of integrating Plasmo with the Quasar UI framework and creating your Chrome extensions with a modern, responsive design. Understanding Plasmo and Quasar UI
Plasmo: Plasmo is a developer-friendly framework designed to streamline the process of building Chrome, Firefox, or Edge extensions. It simplifies the development workflow, making it easier for the developers to create, test, and deploy extensions.
Quasar UI: Quasar UI is a comprehensive Vue.js framework that offers a wide range of components and utilities. It allows developers to build responsive websites, PWAs, SSR applications, Mobile, and Desktop apps from a single codebase, ensuring a consistent look. Getting Started For more details, read the article on Medium.
First, run the development server:
pnpm dev
# or
npm run devOpen your browser and load the appropriate development build. For example, if you are developing for the chrome browser, using manifest v3, use: build/chrome-mv3-dev.
You can start editing the popup by modifying popup.tsx. It should auto-update as you make changes. To add an options page, simply add a options.tsx file to the root of the project, with a react component default exported. Likewise to add a content page, add a content.ts file to the root of the project, importing some module and do some logic, then reload the extension on your browser.
For further guidance, visit our Documentation
Run the following:
pnpm build
# or
npm run buildThis should create a production bundle for your extension, ready to be zipped and published to the stores.
The easiest way to deploy your Plasmo extension is to use the built-in bpp GitHub action. Prior to using this action however, make sure to build your extension and upload the first version to the store to establish the basic credentials. Then, simply follow this setup instruction and you should be on your way for automated submission!