1. 下载element-ui源码

看这里

2. 修改源码

修改的elementUI的组件源码主要是在packages文件夹中，而它编译打包后的代码（也就是我们真正用到的代码）是在lib文件夹中

3. 打包

npm run dist，打包后的代码在lib文件夹中

4. 修改及替换名称

npm包名是不允许重复的，

4.1 更改package.json中的name字段为你想改的名字，比如我的为element-ui-david

4.2 全局查找替换，你需要把所有 element-ui 换成你想改的名字，比如element-ui-david

5. 发布到npm

发布一个npm包

5.1 注册账号后。在命令行npm login登录。之后使用npm publish发布。

5.2 每次更新记得修改package.json中的version

5.3 使用的时候，直接npm i element-ui-david，之后在main.js引入，也是把原来的引入element-ui改为引入element-ui-david

//main.js
import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui-david';
import 'element-ui-david/lib/theme-chalk/index.css';
Vue.use(ElementUI);

new Vue({
  render: h => h(App),
}).$mount('#app')

6.不想发布npm？

6.1 发布到github仓库，使用github仓库安装方式(未验证)

基于elementUI改造成自己的UI库

1.首先在package.json文件中加入

"element-david": "git+https://github.com/lolicrafter/element-david.git",

之后 npm i element-david

再之后的步骤就和 5.3一样