Vue-cli-plugin-chrome-ext NPM

vue-cli-plugin-chrome-ext

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

chrome logo (./logo.png =100x100)

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