开搞VueUse-准备工作

准备工作

官网地址 VueUse

github址地 GitHub - vueuse/vueuse: Collection of essential Vue Composition Utilities for Vue 2 and 3

先把项目clone下来，安装依赖pnpm install，本地运行pnpm dev, 注意node版本需要V16以上

目录结构

找到目录结构的技巧在于根目录下的vitest.config.ts中，注意以下这几行:

resolve: {
    alias: {
      '@vueuse/shared': resolve(__dirname, 'packages/shared/index.ts'),
      '@vueuse/core': resolve(__dirname, 'packages/core/index.ts'),
      '@vueuse/math': resolve(__dirname, 'packages/math/index.ts'),
      '@vueuse/components': resolve(__dirname, 'packages/components/index.ts'),
      '@vueuse/docs-utils': resolve(__dirname, 'packages/.vitepress/plugins/utils.ts'),
    },
    dedupe: [
      'vue',
      'vue-demi',
      '@vue/runtime-core',
    ],
  }

@vueuse/core是核心包

API分类

官网API分类为：

• State
• Elments
• Browser
• Sensors
• Network
• Animation
• Component
• Watch
• Reactivity
• Array
• Time
• Utilites
• @Firebase
• @Head
• @Integrations
• @Math
• @Motion
• @Router
• @RxJS
• @SchemaOrg
• @Sound

带@暂时不关注

总结

完成准备工作，下篇从State开始搞