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

Logo from FontAwesome

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

• Create a new project with vue create test-project, and select typescript without class-style component syntax
• Then, add this plugin with vue add chrome-ext.
• Clean up the repo by removing src/main.ts, src/components, public/favicon.ico and public/index.html

• Create a new project with vue create test-project.
• Then, add this plugin with vue add chrome-ext.
• Clean up the repo by removing src/main.js, src/components, public/favicon.ico and public/index.html

• Run development mode with npm run build-watch and a dist file will be generated. Install Extension 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 remove and add the chrome extensions)
• Build for production npm run build and zip it and deploy onto chrome store.

• Generate manifest.json
• Generate popup.html
• Generate options.html
• Emit file out
• Support TypeScript (only generated with vue add typescript)

• Add background script
• Make options to generate certain files

• Move over with this template
• Clean up src and public file.

Currently, testing is done manually with the file ./auto.sh, by passing -r flag, it will delete the initial file generated.

Test production code in npm as well with ./prod.sh.

Vue CLI prompt is based on inquirer.js api.

• https://itnext.io/how-to-build-a-simple-vue-cli-plugin-a2e1323de1a0

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

MIT