最新章节 62.一起来做网站吧,乘风专业建站,网站和虚拟服务器,中国商网目录
ElementUi简介#xff1a;
ElementUi下载#xff1a;
npm 安装#xff1a;
引入ElementUi:
测试是否引入成功#xff1a; Element-ui官网#xff1a;组件 | Element ElementUi简介#xff1a; ElementUi#xff0c;是由国内的饿了么团队开发并开源的一套为开…目录
ElementUi简介
ElementUi下载
npm 安装
引入ElementUi:
测试是否引入成功 Element-ui官网组件 | Element ElementUi简介 ElementUi是由国内的饿了么团队开发并开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 简单的说ElementUi是一个基于Vue的Ui框架适用于PC端是当今最流行、最常用的ui。 ElementUi下载
下载的前提要有node.js之前那章博客发过。
先以管理员方式打开《命令提示符》,就是winR填cmd那个东西。 npm 安装
使用vue-cli-plugin-element插件。此插件可以按需安装也可以全部安装。
// 在项目的根目录下执行命令
vue add element 输入完之后会有出现这些命令 第一个选择
我们选择第一个 第二个选择
我们输入n 第三个选择
我们选择第一个 判断是否成功安装上
如果你目录中多了此目录并且有个element.js文件就证明安装上了。 引入ElementUi: 在工程中的src目录下的main.js中引入ElementUi。 在main.js中引入代码 下面代码中有些代码是自带的可以直接复制这个代码直接覆盖你的代码。 import Vue from vue
import App from ./App.vue
import router from ./router
import store from ./store
import ElementUI from element-ui
import ./plugins/element.jsVue.config.productionTip falseVue.use(ElementUI)new Vue({router,store,render: h h(App)
}).$mount(#app)测试是否引入成功 随便在目录中找一个组件添加个element-ui的样式试一下能不能出来 这里我是添加了一个最基础的按钮样式测试成功。
