element源码修改并上传npm

1、 先在git 上找到elemen-ui 的 源码,并 fork 到自己的 git里。 附上git 地址: https://github.com/ElemeFE/element

2.修改elemen-ui 中的 input 组件,给 area 添加 长度500的限制,maxlength。

在 element-ui 下的 packages 中 找到 input 组件修改

3、修改完成了,让我们 打包。(npm上不需要包名重复,包括不能和别人的包名重复,所以记得把包名都改了)

  我这儿,都给 起了个名字——hanzhen-ui

  还要记得,项目中 全盘替换 ,把  element-ui ,改成 hanzhen-ui  (我们自己的名字)

在这里插入图片描述

4、 修改版本号,下载 npm i;打包 npm run dist

5、 成功后,开始 上传 npm

(1) 我们需要先 在 npm 上 申请账号,跟 其他的账号申请一样。 (npm官网地址: https://www.npmjs.com/)

      关键: 当申请完后,记得在  邮箱里 激活 一下。不然 上传 不成功。

(2) 登录npm, 并输入 用户名、密码、邮箱。

注意: 上传包前, 记得 把 淘宝映射 仓库地址,改成 npm 自己 仓库地址。否则上传 不上去。

  // 检查仓库是否被设成了淘宝镜像库(https://registry.npm.taobao.org/)
   npm config get registry

 // 如果设置了淘宝镜像,执行以下命令
  npm config set registry=http://registry.npmjs.org

(3) 然后,执行 npm publish ,就 会到 我们 的 npm上了

发包是,如果 报错 注意:如果报错:‘You do not have permission to publish “mypackage1”. Are you logged in as the correct user?’

表示包’mypackage1‘已经在包管理器已经存在被别人用了,需要更该包名称 (看上述第三步)

6、 在我们 自己的 npm 上 就能 看到了

7、 我们再 建一个项目(hz-vue),把 我们的 新包 (thanzhen-ui) 引入 测试成功(npm install hanzhen-ui -S)。

8.样式要单独引入

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值