配置鼠标点击粒子

安装

在项目目录下运行以下命令来安装 vuepress-plugin-cursor-effects 插件：

npm i vuepress-plugin-cursor-effects

配置

• 官方配置

  提示

  如果配置不生效，可以把该配置放到文件末尾处

  安装完成后，你需要在项目的配置文件docs\.vuepress\config\plugins.ts中配置该插件。示例配置如下：

module.exports = {
  plugins: [
    //鼠标粒子效果
    [
      "cursor-effects",
      {
        size: 2, // 粒子大小
        shape: "star", // 粒子形状，star：星形，circle：圆形。默认值：star
        zIndex: 999999999, // 粒子的 z-index 值
      },
    ],
  ],
};

验证

配置完成后，你可以启动 VuePress 开发服务器来查看效果

pnpm docs:dev