Package Exports

vue-cli-plugin-ui-chrome-extension

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-cli-plugin-ui-chrome-extension) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-cli-plugin-ui-chrome-extension

Start a chrome extension project with Vue-CLI UI (vue ui / vue ui -D) with ease!

Logo from FontAwesome

Installation

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

For 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 ui-chrome-extension.

For JavaScript

Create a new project with vue create test-project.
Then, add this plugin with vue add ui-chrome-extension.

Run Development mode and Production

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.

Current feature

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

Development

Testing

Development

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

Production

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

prompts.js

Vue CLI prompt is based on inquirer.js api.

Resources

Credit

License

MIT