首页 > 其他 > 详细

Element-Ui的基本使用

时间:2020-01-10 15:01:09      阅读:80      评论:0      收藏:0      [点我收藏+]

一、基于命令行方式手动安装

1. 安装依赖包 npm i element-ui -S // S是大写

2. 导入 Element-UI 相关资源

技术分享图片

 

 

// 手动配置 element-ui
// 导入组件库
import ElementUI from ‘element-ui‘
// 导入组件相关样式
import ‘element-ui/lib/theme-chalk/index.css‘
// 配置Vue插件
Vue.use(ElementUI)
 
使用方法
将所需要的组件复制到项目路径 {{obj}}/src/App.vue文件的根组件中
技术分享图片

 

 2.最后重新打包:npm run serve

3.至此我们的ElementUI组件就可以呈现在页面中啦

技术分享图片

 

 二 通过图形化界面自动安装

1.命令行运行 vue ui 命令,打开图形化界面

2.通过Vue 项目管理器,进入具体的项目配置面包

3.点击插件 > 添加插件,进入插件查询面板

4.搜索 vue-cli-plugin-element并安装

5.配置插件,实现按需导入,从而减少打包后项目的体积

Element-Ui的基本使用

原文:https://www.cnblogs.com/dumingxu/p/12175639.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!