于是就写了一个传统的Vue组件，功能实现都没问题，可是用着用着发现了问题：1.传统组件引用需要先import，然后放到components，然后放在template，很繁琐。2.项目不同，UI设计不同，需要改样式代码。

配置mv3后，在后台代码background.js使用DOMPurify发现无法访问window，会一直报错Uncaught ReferenceError: window is not defined

在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件。docx的实现需要使用docx-preview插件

首先需要一个插件的配置文件，每一个chrome的插件都需要有一个 manifest.json 配置文件，因此你可以在电脑里新建一个目录，然后在此目录里新建一个 manifest.json 并写入以下代码：

Emmet是一款文本编辑器/IDE的插件，用来快速生成复杂的HTML代码，只要掌握一些常用的语法（类似于CSS选择器），就可以减少重复编码的工作，真的提升开发效率之利器。所有的操作都是按下tab键即可瞬间完成。

HTML Webpack Plugin 是被广泛使用的 webpack 插件，用来将我们打包出来的文件自动嵌入到一个模板 HTML 中。实际开发中，通常我们会使用自己编写的 html 模板。

Vue项目能够使用很多插件来丰富自己的功能，例如Vue-Router、Vuex……，这么多插件供我们使用，节省了我们大量的人力和物力，那这些插件是开发出来的呢?是不是我们自己也想拥有一个属于自己的vue插件

AST(Abstract Syntax Tree, AST)抽象语法树，可以把代码转译成语法树的表现形式，大多数编译器的工作过程可以分为三部分：Parse(解析)，Transform(转换)，Generate(代码生成)

如何在vue项目中使用用intro.js新手引导功能呢?这里需要使用到vue-introjs插件，vue-introjs是在Vue中绑定intro.js所使用的。在使用vue-introjs前，需要先安装intro.js

不管是 jQuery、 Vue 还是 React，它们都支持插件。插件是库和框架中很常见的功能，并且有一个充分的理由：它们允许开发人员以安全、可扩展的方式添加新的功能

在没有封装插件之前，如果不使用第三方插件，那么很多情况下我们会编写几个常用的组件来提供给页面使用，如Alert/Loading组件，而你可能需要在很多页面中引入并且通过components注册组件

结果你会发现，可以复制代码，没问题，但是不可以粘贴复制的代码，那问题到底出现在了哪里呢？首先呢，排除clipboard插件的问题，这个很简单，随便找个例子测试一下就行了

何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。Plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程

想不出来，把官方的拿过来Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)

vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候