通过 CDN 的方式我们可以很容易地使用 Element 写出一个 Hello world 页面。
如果是通过 npm 安装，并希望配合 webpack 使用，请阅读下一节：快速上手。
本节将介绍如何在项目中使用 Element。
如果不希望使用我们提供的模板，请继续阅读。
你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
完整引入
以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单独引入。
按需引入
首先，安装 babel-plugin-component：
然后，将 .babelrc 修改为：
在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。按照引入 Element 的方式，具体操作如下：
完整引入 Element：
按需引入 Element：
按照以上设置，项目中所有拥有 size 属性的组件的默认尺寸均为 'small'，弹框的初始 z-index 为 3000。
至此，一个基于 Vue 和 Element 的开发环境已经搭建完毕，现在就可以编写代码了。各个组件的使用方法请参阅它们各自的文档。
如果使用其它语言，默认情况下中文语言包依旧是被引入的，可以使用 webpack 的 NormalModuleReplacementPlugin 替换默认语言包。
默认不支持 6.x 的 vue-i18n，你需要手动处理。
搭配 vue-i18n 使用
目前 Element 内置了以下语言：
如果你需要使用其他的语言，欢迎贡献 PR：只需加一个语言配置文件即可。
Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。
使用上述工具，可以很方便地实时预览主题色改变之后的视觉，同时它还可以基于新的主题色生成完整的样式文件包，供直接下载使用（关于如何使用下载的主题包，请参考本节「引入自定义主题」和「搭配插件按需引入组件主题」部分）。
之后，在项目的入口文件中，直接引入以上样式文件即可（无需引入 Element 编译好的 CSS 文件）：
需要注意的是，覆盖字体路径变量是必需的，将其赋值为 Element 中 icon 图标所在的相对路径即可。
如果你的项目没有使用 SCSS，那么可以使用命令行主题工具进行深层次的主题定制：
安装工具
首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人 clone 项目时能直接安装依赖并启动，这里以全局安装做演示。
安装白垩主题，可以从 npm 安装或者从 GitHub 拉取最新代码。
初始化变量文件
修改变量
编译主题
保存文件后，到命令行里执行 et 编译主题，如果你想启用 watch 模式，实时编译主题，增加 -w 参数；如果你在初始化时指定了自定义变量文件，则需要增加 -c 参数，并带上你的变量文件名
引入自定义主题
搭配插件按需引入组件主题
如果是搭配 babel-plugin-component 一起使用，只需要修改 .babelrc 的配置，指定 styleLibraryName 路径为自定义主题相对于 .babelrc 的路径，注意要加 ~。
如果不清楚 babel-plugin-component 是什么，请阅读 快速上手 一节。更多 element-theme 用法请参考项目仓库。
提供 el-fade-in-linear 和 el-fade-in 两种效果。
提供 el-zoom-in-center，el-zoom-in-top 和 el-zoom-in-bottom 三种效果。
使用 el-collapse-transition 组件实现折叠展开效果。
每天五道面试题！只记录答案，不标出源码，有什么不对的地方欢迎评论，共同进步。 1. Spring MVC执行流程 1、用户发送请求到前端控制器DispatherServlet。 2、DispatherServlet收到请求后，调用HandlerMaping处理器映射器。 3、处理器映射器找到具体的处理器（可以通过xml配置、注...
“开源开发人员都是义务劳动者”的观点已经成为编程世界中的陈词滥调，即使是那些伟大的开源举措也无法驳倒这种风靡一时的心态。 但是真理总是掌握在少数人手里——即使是在开源惯例中，也需要参与开源的开发人员主动为其他人贡献他们的技能，一些企业（或企业集团）往往会因此雇用——并支付——这些程序员去研究特定的开源项...
TensorFlow直接以官方手册作为切入点，在趣味性和快速性上优势很大，但是对于学习深入理论的理解产生了巨大的阻碍。 在“深入MNIST”这一节中，遇到了卷积神经网络的构建，涉及到了“卷积”、“池化”等一些操作，不明就里，这里我们先压压心，了解一下什么是卷积神经网络，其中卷积、池化操作究竟是什么。 这篇博客是《【翻译】神经网...
目录 1、知识总览 2、进程的状态 —— 三种基本状态 3、进程状态转换 1、知识总览 2、进程的状态 —— 三种基本状态 进程是程序的一次执行。在这个执行过程中，有时进程正在被CPU处理，有时又需要等待CPU服务，可见，进程的状态是会有各种变化。为了方便对各个进程的管理，操作系统需要对进程合理地划分为几个状态； 进程的三种基本状态： 运行态：占有C...
I want rotate a button in 3d view in WPF I google it and found this Link but I want do it in c# behind code how can I convert this XAML storyboard code to c# behind code that when clicked on button ro...
Suppose I have a pivot table that looks like the following: How can I rearrange the columns A, B, C to an arbitrary order, such as B, A, C? This data is being output from a database and read in throug...
I apologize if this has been posted, but I haven't found a solution that works. I have an excel sheet with a lot of data. I want to make the cells in a certain column (column CG) turn purple if the va...