当前位置: 首页 > biancheng >正文

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结尾的压缩包,可以放到插件市场

 

更多学习资料,请看下面↓↓↓

 

相关文章:

  • 牛客练习赛#84 F 莫比乌斯反演+杜教筛+技巧+斐波那契数列和gcd的结论+矩阵快速幂
  • ZZNUOJ_用C语言编写程序实现1342:支配值数目(附完整源码)
  • java毕业设计后勤管理系统餐饮评价监督系统(附源码、数据库)
  • 前端基础学习笔记
  • 【TS】联合类型--类型断言--类型推断
  • 谈笑风声的秘密
  • QT影城网上售票系统
  • NetCDF数据在ArcMap中的使用
  • 打怪升级(考验思路)
  • 持续精进,改变自己