Skip to content
vue plugin to use make vue project for chrome extension
Branch: master
Clone or download
superoo7 Merge pull request #1 from tdreid/tdreid-patch-remove-duplicate-state…
…ment-in-readme-md

Remove duplicate statement in README.md
Latest commit 24889aa Feb 27, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode done generate basic manifest.json Dec 8, 2018
generator some clean up before version bump Dec 8, 2018
.gitignore version 0.0.3-alpha Dec 8, 2018
.npmignore
LICENSE done generate basic manifest.json Dec 8, 2018
README.md Remove duplicate statement in README.md Feb 26, 2019
auto.sh
index.js
logo.png added logo Dec 8, 2018
package.json
prod.sh version 0.0.3-alpha Dec 8, 2018
prompts.js some clean up before version bump Dec 8, 2018

README.md

vue-cli-plugin-chrome-ext

npm version

Start a chrome extension project with Vue-CLI 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 chrome-ext.
  • Clean up the repo by removing src/main.ts, src/components, public/favicon.ico and public/index.html

For JavaScript

  • 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 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 popup.html
  • Generate options.html
  • Emit file out
  • Support TypeScript (only generated with vue add typescript)

TODO

High Priority

  • Add background script
  • Make options to generate certain files

Medium Priority

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

Development

Testing

Development

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

Production

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

prompts.js

Vue CLI prompt is based on inquirer.js api.

Resources

Credit

License

MIT

You can’t perform that action at this time.