将 jQuery 添加到 VuePress

在 VuePress 中默认是不包含 jQuery 的，如果您需要在 VuePress 中使用 jQuery，您可以通过以下几个步骤进行添加。

步骤一：安装 jQuery

你可以使用 npm 或者 yarn 安装 jQuery，以 npm 为例，使用以下命令：

npm install jquery

步骤二：在 VuePress 项目中引入 jQuery

• 在 VuePress 项目的 docs/.vuepress/config.js 文件中，添加如下代码：

module.exports = {
  head: [
    [
      "script", // 标签名
      {
        // 标签属性
        src: "https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js" // jQuery 的 CDN 地址
      }
    ]
  ]
};

说明：

• script：标签名
• src：jQuery 的 CDN 地址，这里指向的是 BootCDN，您也可以使用其他 CDN 地址或者本地路径。

步骤三：验证 jQuery 是否已经引入

在 VuePress 项目的 md 文件中通过以下代码验证 jQuery 是否已经引入：

<script>
  console.log($); // 在控制台打印 $ 是否为 jQuery
</script>

如果打印出来的是 ƒ (a,b){return new n.fn.init(a,b)}，则说明 jQuery 已经成功引入了。

至此，您已经成功把 jQuery 添加到了 VuePress 中，可以愉快地使用 jQuery 来实现更好的效果了。

参考文献：

• VuePress 官网 - 增加文档的额外代码
• jQuery 官网