β‘οΈ Modernized Chrome Extension Manifest V3 Vite Starter Template
MIT License
A Vite Powered
Modernized Chrome Extension Manifest V3
(Chrome) Starter Template.
Page Type | Light Mode | Dark Mode |
---|---|---|
Popup Page | ||
Options Page |
<script setup>
syntax and more!webext-bridge
and VueUse storagemanifest.json
with full type supportwebextension-polyfill-ts
- WebExtension browser API Polyfill with typeswebext-bridge
- effortlessly communication between contextsvite-plugin-components
- components auto importvite-plugin-windicss
- WindiCSS support@intlify/vite-plugin-vue-i18n
- i18n supportvue-global-api
- use Vue Composition API globallyvite-plugin-icons
- icons as Vue components<script setup>
SFC syntax
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
If you don't have pnpm installed, run: npm install -g pnpm
npx degit xiaoluoboding/chrome-ext-mv3-starter my-extension
cd my-extension
pnpm i
src
- background scripts and content scripts & frontend for the extension (popup and options).
manifest.ts
- manifest for the extension.extension
- extension package root, also holds assets.scripts
- development helper scripts.pnpm dev
Then load extension in browser with the extension/
folder,
To build the extension, run
pnpm build
And then pack files under extension
.
This is a template derive from antfu/vitesse-webext