前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用

hooks是什么 vue3 中的 hooks 就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来进行封装使用。 它的主要作用是用于在函数组件共享状态逻辑和副作用，从而实现代码的可复用性

CodeMirror 是一个通过JS实现的Web代码编辑器组件，它带有大量的语言模式、CSS主题和很多高级的插件功能，还允许进一步扩展，总之它非常强大。

插件 html5-qrcode npm地址 html5-qrcode是一个基于JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者url。 支持扫描不同类型

最近在学习vue3时，学习到了ref、toRef和toRefs的相关知识，接下来本人将根据自己所学习到的部分有关知识对这三个处理响应式数据的API进行讲解。

Ant Design Vue 是其社区为 Ant Design 实现的 Vue 版本，本文章重点描述上传组件 `Upload` 的 `customRequest` 自定义文件上传逻辑的实现

简单使用video.js 官方文档： Home | Video.js Documentation (videojs.com) 安装依赖 引入 初始化video 简单封装成一个组件 在App.vue中使

需求场景 大文件下载，花费的时间比较长，没有任何提示，用户体验很差。 需要优化，提示文件在下载中，并且显示进度百分比。

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,用起来也爽。