element-ui的基本使用两种方法

基础搭建使用element-ui框架的方法

element-ui是比较常见的vue前端框架了
其常用的两种使用方法的两种方法
1.命令行手动搭建

• 安装依赖包npm i element-ui -S
• 导入相关资源 在main.js写入下列内容

 import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

2.基于图形化界面自动安装

1. 运行vue ui打开图形化页面
2. 通过vue项目管理器，进入具体的项目配置面板
3. 点击插件 --> 添加插件，进入插件查询面板
4. 搜索vue-cli-plugin-element并安装
5. 配置插件实现按需导入