前端探险家的博客

我这里直接是CDN引入，你也可以安装后再build打包后把dist文件夹下的所有文件复制到项目目录，然后通过相对路径引入，这个官方文档有介绍，这里就不写了，我们直接用CDN引入，虽然不在维护，但是不影响他功能以及特性的强大，还是可以正常使用；因为我写的是H5的项目，我就把luckyexcel 安装后的包直接复制到项目文件，通过script引入到html文件中；本来我是想尝试用Univer，但是我的项目是一个引入vue2的H5项目，所以只能用Luckysheet 来实现；如果想探索和了解更多点击。

PDF.js是一个JavaScript库，可在浏览器中无插件显示PDF文件，提供缩放、翻页、文本搜索等功能。本文介绍了其基本使用方法和示例代码，如添加翻页和搜索功能。下面会把简单时间文件预览的代码呈现出来，如果您想要进一步优化和学习PDF.js，可以打开。我这个举例的项目是一个H5，但是引入的有vue，所以写法是在H5的页面使用vue；上面代码只是简单的展示出来文件，没有实现分页，和缩放，如果需要可以自己去查询一下；如果您使用的是纯vue项目可以通过npm/pnpm/yarn安装依赖。

写这篇文章的目的，是因为我比较懒，想把代码记录一下，方便日后使用；哈哈，如果你也需要，也可以复制粘贴啊，为了方便自己和需要的人知道怎么使用，我尽量写的详细一点，没有什么技术难点，就是简单的记录，万一能帮到需要的人呢，也是一件美事；其实也就是使用了两个插件而已，docx-preview和vue-pdf，下面我们就写一下使用方法和详细的代码；