掌握 element ui 源码的调试方法

一、源码获取与处理

通过执行 `git clone https://github.com/ElemeFE/element`` 命令，可实现对指定仓库的复制操作。

二、依赖安装与配置

执行 npm run dev 命令后，系统将自动完成依赖项的获取工作，待初始化流程结束后，应用将在 `http://localhost:8085`` 地址上启动运行。

三、本地调试和打包

在终端中运行 npm run dev:play 命令，以启动本地开发服务。

随后，即可在 examples/play/index.vue 文件中对各类组件进行调试操作。

1. packages 文件夹内保存了多个组件的原始代码。

2. packages/theme-chalk 目录下包含 element-ui 各个组件对应的样式资源。

完成对功能逻辑和外观样式所需的调整后，执行 npm run dist 命令进行打包处理，生成最终的输出文件。打包结束后，将项目根目录下的 lib 文件夹替换至自身项目中的 node_modules/element-ui/lib 路径，并重新启动项目。

四、感悟

1.样式

在element-ui框架中，所有组件的样式均被设定于packages/theme-chalk目录之下

    $name