vue开发插件实战
<1>vue初始化项目
vue create hello-chrome-vue
<2>删除不需要的文件
由于我们不是做完全的web 项目,vue-cli3 脚手架生成的文件,我们不是都需要, 这里就删除不必要的部分
src/main.js
src/components
src/App.vue
<3>安装chrome-ext插件依赖
我们需要修改项目使得 它适用于开发 Chrome 扩展只能使用 vue add chrome-ext 命令来安装,如果使用 yarn add chrome-ext 会发现项目没有任何改变。
这里的options对应的是这里:
<4>插件使用
打包:npm run build 会生成一个dist, 此文件夹可以直接放到Google浏览器中就行安装
说明:这里是一个工具,将我们的开发插件打包成crx结尾的压缩包,可以放到插件市场
更多学习资料,请看下面↓↓↓
「已注销」: 大佬,我根据视频在完成指令回调url的时候,拿不到数据[code=javascript] let express = require('express') let URL = require('url') let app = express() app.get('/callback/data', function (req, res) { let params = URL.parse(req.url, true).query console.log('==>',params,'<=='); res.send('Welcome-get') }) app.post('/callback/command', function (req, res) { res.send('post success') }) app.listen(8090) [/code]
自律者的世界: 感谢up,b站过来的!
雨停江南Lujier: 给你点个赞
qq_57167464: git地址好像不对..
devops杂技: 兄弟我的b站账号 老滚mod情报中心莫名其妙在发了一个你他娘的真是个天才之后被屏蔽拉黑了,我当时只是觉得你的教程很好发出了赞美没想到被误会了,希望老哥能接触封禁