安装 Popper JS v2 - Javascript

Popper JS v2是一款强大的Javascript库，用于创建弹出式窗口和提示框。它使用现代浏览器的本地API通过参考元素和另一个元素来计算弹出窗口的位置。

以下是安装Popper JS v2的步骤：

1. 打开命令行工具并进入你的项目目录。

2. 运行以下命令,使用npm或yarn安装Popper JS v2:

   npm install @popperjs/core
   

   或者

   yarn add @popperjs/core
   

3. 在需要使用Popper JS v2的文件中引入它:

   import { createPopper } from '@popperjs/core';
   

4. 现在你可以使用createPopper函数来创建弹出窗口:

   const referenceElement = document.querySelector('#referenceElement');
   const popperElement = document.querySelector('#popperElement');
   
   createPopper(referenceElement, popperElement);
   

   在这个例子中，我们使用querySelector函数来查找我们想要参考的元素和要弹出的元素。然后我们使用createPopper函数来将这两个元素连接起来。

   除了这个基本示例之外，Popper JS v2还提供许多其他选项来调整弹出窗口的行为和样式。你可以查看官方文档来了解更多信息。

5. 推荐在使用Popper JS v2的时候同时引入一个CSS库：

   npm install @popperjs/core@2.9.3 @popperjs/core@2.9.3
   

   然后在代码文件中引入：

   import '@popperjs/core/dist/modifiers/popper.css';
   

   这样可以让你的Popper JS v2样式更加一致，并且提供一些有用的CSS类名。

这就是安装和使用Popper JS v2的全部内容。它是一个非常有用的Javascript库，在网页上创建弹出窗口和提示框时非常方便。