怎么安装elementUI完整步骤

weixin_43778617

已于 2022-09-20 09:37:12 修改

阅读量5.7k

点赞数 2

分类专栏：笔记文章标签： elementui vue.js javascript

于 2022-09-19 19:41:55 首次发布

本文链接：https://blog.csdn.net/weixin_43778617/article/details/126940254

版权

安装elementUI完整步骤

安装命令：

vue add element

安装过程如图选择，按照步骤一步步来就成功啦

安装成功后会多一个文件夹：
src/plugins/element.js

element.js：

import Vue from 'vue'
import {
    Button } from 'element-ui'
Vue.use(Button)

在这里插入图片描述
说明安装成功了。
输入命令看一下效果：

npm run serve

完整组件列表引入方式：
将下列复制替换到element.js页面中，（将不用的删掉即可，方便后期开发)

import Vue from 'vue';
import {
   
  Pagination,
  Dialog,
  Autocomplete,
  Dropdown,
  DropdownMenu,
  DropdownItem,
  Menu,
  Submenu,
  MenuItem,
  MenuItemGroup,
  Input,
  InputNumber,
  Radio,
  RadioGroup,
  RadioButton,
  Checkbox,
  CheckboxButton,
  CheckboxGroup,
  Switch,
  Select,
  Option,
  OptionGroup,
  Button,
  ButtonGroup,
  Table,
  TableColumn,
  DatePicker,
  TimeSelect,
  TimePicker,
  Popover,
  Tooltip,
  Breadcrumb,
  BreadcrumbItem,
  Form,
  FormItem,
  Tabs,
  TabPane,
  Tag,
  Tree,
  Alert,
  Slider,
  Icon,
  Row,
  Col,
  Upload,
  Progress,
  Spinner,
  Badge,
  Card,
  Rate,
  Steps,
  Step,
  Carousel,
  CarouselItem,
  Collapse,
  CollapseItem,
  Cascader,
  ColorPicker,
  Transfer,
  Container,
  Header,
  Aside,
  Main,
  Footer,
  Timeline,
  TimelineItem,
  Link,
  Divider,
  Image,
  Calendar,
  Backtop,
  PageHeader,
  CascaderPanel,
  Loading,
  MessageBox,
  Message,
  Notification
} from 'element-ui';

Vue.use