thinkphp6.0怎么安装element ui
时间: 2023-10-12 16:18:17 浏览: 133
安装element ui需要以下步骤:
1. 首先在项目目录下运行以下命令安装element ui:
```
npm install element-ui -S
```
2. 安装完成后,在项目的入口文件(一般是public/index.php)中引入element ui的样式和脚本文件:
```php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My ThinkPHP App</title>
<link rel="stylesheet" href="/node_modules/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app"></div>
<script src="/node_modules/vue/dist/vue.min.js"></script>
<script src="/node_modules/element-ui/lib/index.js"></script>
</body>
</html>
```
3. 在需要使用element ui的页面中,按照官方文档引入需要的组件即可,例如:
```html
<template>
<el-button>Click me!</el-button>
</template>
<script>
import { ElButton } from 'element-ui';
export default {
components: {
ElButton,
},
};
</script>
```
这样就完成了element ui的安装和使用。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)