在HTML或者JSP中使用Element Plus

我们都知道如何在node项目中，使用Element Plus等UI框架，但在单页面中我们该如何引入Element Plus呢？

以下我们以HTML或JSP引入Element Plus为例，需要按照以下步骤进行引用：

步骤一

下载Element Plus

首先，您需要下载Element Plus的文件。您可以通过以下方式下载Element Plus：

• 访问Element Plus官方网站，点击下载按钮获取压缩包。
• 使用npm或yarn等包管理工具下载Element Plus，并从node_modules目录中复制相关文件（element-plus.umd.js/element-plus.css）。

步骤二

在HTML/JSP文件中，使用<link>标签引入Element Plus的CSS文件：

<link rel="stylesheet" href="path/to/element-plus.css">

接下来，使用<script>标签引入Element Plus的JavaScript文件：

<script src="path/to/element-plus.umd.js"></script>

⚠️请确保将path/to/替换为您实际下载的Element Plus文件的路径。

步骤三

使用Element Plus组件

现在，您就可以在HTML/JSP文件中使用Element Plus的组件了。

例如，您可以在HTML/JSP中定义一个按钮组件：

<el-button type="primary">Click me!</el-button>

至此，您就已经在普通的HTML或者JSP中引入了Element Plus！