Repository files navigation

English |简体中文 |繁體中文

Start a chrome extension project with Vue-CLI with ease!

support vue2 vue3 TypeScript and JavaScript!

vue-cli 5.0.1 or higher

This plugin is meant for using new project for chrome extensions. Tested on default project of Vue, Vue with TypeScript

vue create <project-name># Answer some questionscd <project-name>vue add chrome-extension-cli# Answer some questions# 🎉

.├── public│   ├──  can set image.├── src/│   ├── assets│   │   └── Static assets│   ├── entry│   │   ├── options.js│   │   ├── popup.js|   |   ├── devtools.js│   │   ├── content.js│   │   └── background.js│   └── view│   │   ├── popup.vue│   │   ├── options.vue|   |   └── devtools.vue│   ├── manifest.development.json│   └── manifest.production.json└── vue.config.js

• Run development mode withnpm run build-watch and adist file will be generated. InstallExtension Reloader to reload chrome extensions easily everytime you reload. (take note that when u change manifest.json file, it will not automatically load, you need to click update extension )

• Build for productionnpm run build and zip it and deploy onto chrome store.

Vue CLI prompt is based oninquirer.js api.

• https://github.com/zwenza/vue-cli-plugin-build-watch
• https://github.com/RequireSun/vue-cli-plugin-chrome-extension
• https://github.com/superoo7/vue-cli-plugin-chrome-ext

MIT