Release of Vue CLI plugin generate Vue Project for Chrome Extension
Repository
https://github.com/superoo7/vue-cli-plugin-chrome-ext
Start a chrome extension project with Vue-CLI with ease! Simply create a project with vue create test-project and then once is all setup run vue add chrome-ext and you have a chrome extension that works with Vue.js!
.png)
Image from Font Awesome
About this Projects
- What is the project about?
- This project is hosted on Github and NPM, where it will generate manifest.json, popup.html and options.html for chrome extension.
- It support Typescript as well.
Technology Stack
Node.js, Webpack, Vue.jsRoadmap
- Add background script.
- Make options to generate certain files. (popup, background, etc)
- Move over with this template where testing is all setup.
- Add better testing instead of using sh file.
- Clean up src and public file (currently needed to be done manually).
- Support class-style component syntax for the template
- How to contribute?
Project is hosted on GitHub, feel free to send in Pull Request and file Issues.
Features
What feature(s) did you add?
- Generate manifest.json
- Generate popup.html
- Generate options.html
- Emit file out for the command
npm run build-watch - Support TypeScript (only generated with vue add typescript)
How did you implement it/them?
For this to work, it basically just modify 3 files:
- index.js for webpack configuration.
- prompts.js for CLI prompts to ask question.
- generator/index.js to do file manipulations.
Thank you for your contribution. As you said in the contribution, "For this to work, it basically just modify 3 files", but I can see a lot of other files updated, those are just configurations? Overall its a nice starting point and I would love to see more progress on this. Though for a chrome extension there are more configuration a user can add, so will you be writing that in prompts?
Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.
To view those questions and the relevant answers related to your post, click here.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Thank you for your review, @codingdefined! Keep up the good work!
it's actually easy to customize it in vue.config.js to add in new feature like background script, content script etc.
My company just started to migrate webpack based chrome extension into Vue CLI, and is actually using this plugin (with customization done)
https://chrome.google.com/webstore/detail/coingecko-bitcoin-cryptoc/ofmoicejmilkphppeoekfhbpkleppdlb
You’ve been upvoted by TeamMalaysia community. Here are trending posts by other TeamMalaysia authors at http://steemit.com/trending/teammalaysia
To support the growth of TeamMalaysia Follow our upvotes by using steemauto.com and follow trail of @myach
Vote TeamMalaysia witness bitrocker2020 using this link vote for witness
你那里天气如何？来 @steemgg 玩游戏吧，决战到天亮倘若你想让我隐形，请回复“取消”。
Hi, @superoo7!
You just got a 1.26% upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in here to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.
Hi @superoo7!
Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server
Hey, @superoo7!
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!
Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Congratulations @superoo7! You received a personal award!
Click here to view your Board of Honor