vueuse本地调试源码方法

首先将 vueuse clone到本地并安装好项目依赖

调试方式

因为vueuse说明文档时基于.md文件来实现，所以需要对markdown相应插件进行部分修改

1. 修改访问地址
   将目录 packages/.vitepress/plugins/markdownTransform.ts 文件中第 63 行代码改为本地运行时域名
   即：

const GITHUB_BLOB_URL = 'https://github.com/vueuse/vueuse/blob/main/packages'
// 改为
const GITHUB_BLOB_URL = 'http://localhost:5173/packages'

2. 重新npm run dev后 调试源码时在 packages目录下 具体方法文件中添加或修改demo.vue文件(注:添加demo.vue文件需要重新构建环境即运行:npm run dev)

项目在线地址github

vueuse相关系列文章

1.vueuse-useLocalStorage在项目中的使用

2.vueuse-useCssVar实现主题色切换功能

3.vueuse-createFetch实现接口请求及其封装(代替axios)

4.vueuse-useFullscreen优雅的使用全屏及退出全屏

5.vueuse-useDark实现暗黑主题及浅亮主题及Element-Plus暗黑模式