官网
快速入门
从下方我的github上下载下来element-ui,把element-ui目录拷贝到webapp目录下
https://github.com/2138991631qq/javastudy/tree/main/element-ui
webapp的js中引入vue.js
webapp的html中创建element-ui.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>element-ui</title>
</head>
<body>
<div id="app">
</div>
</body>
<script src="../js/vue.js"></script>
<script src="../element-ui/lib/index.js"></script>
<link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">
<script>
new Vue({
el: "#app"
})
</script>
</html>
进入官网
Element - The world's most popular Vue UI framework
点击组件,选择某个组件,点击中下方显示代码,将<el>部分拷贝到<div id="app"><div>中,将style部分拷贝到<head></head>中,将style部分拷贝到</body></html>之间。右键run elementDemo.html即可看到效果。