elementui是基于vue2.0的组件库，专为开发人员、设计人员而设计的；可以快速搭建项目框架，集成了界面样式。那么，elementui怎么使用？工具/原料moreelementuivue2.0HBuilderX截图工具WPS浏览器JavaScript方法/步骤1/12分步阅读

在电脑某个文件夹下，鼠标右键选择Git，输入命令安装vue-cli

2/12

接着使用vue init webpack命令，初始化一个基于 webpack 模板的新项目

3/12

创建完项目后，输入npm run dev运行项目，打开浏览器查看

4/12

使用npm工具命令，安装element-ui

5/12

安装完毕后，打开项目中的package.json文件，查看element-ui是否安装成功

6/12

接着打开main.js文件，依次导入element-ui和对应的样式，然后进行使用

7/12

在components文件夹鼠标右键，新建vue文件，输入文件名，然后点击创建

8/12

打开已新建的vue文件，利用element-ui进行页面布局，插入一个输入框，并绑定变量

9/12

打开App.vue文件，导入创建的vue组件，然后在界面代码处引用

10/12

保存代码并使用命令运行，刷新浏览器，查看效果

11/12

如果想要查看element-ui的使用方法和组件，可以搜索element，查找到官网

12/12

进入到官网，可以查看使用指南和组件，可以按照实例进行调用；还包括了组件的一些属性和事件

总结

1、创建vue项目

2、安装element

3、导入文件样式

4、新建vue文件

5、引入element

6、导入组件文件

7、运行查看效果

注意事项

注意elementui如何学习和如何使用

注意如何使用elementui搭建框架

ELEMENTUI菜鸟教程VUEJAVASCRIPTCSS