原文链接: 使用Vue开发Chrome插件 – 愧怍的小站 (kuizuo.cn)

前言

我当时学习开发Chrome插件的时候，还不会Vue，更别说Webpack了，所以使用的都是原生的html开发，效率就不提了，而这次就准备使用vue-cli来进行编写一个13站获取视频信息,评论的功能（原本是打算做自动回复的），顺便巩固下chrome开发（快一年没碰脚本类相关技术了），顺便写套模板供自己后续编写Chrome插件做铺垫。

关于Chrome插件开发的基本知识就不赘述了，之前写过一篇原生开发的Chrome插件开发 – 愧怍的小站，里面有附带相关文档链接。

相关代码开源github地址

环境搭建

Vue Web-Extension – A Web-Extension preset for VueJS (vue-web-extension.netlify.app)

npm install -g @vue/cli

npm install -g @vue/cli-init

vue create --preset kocal/vue-web-extension my-extension

cd my-extension

npm run server

复制代码