在项目中修改element-ui源码

最近在尝试用Element-ui做项目,在实现首页的轮播图时,发现跟自己的想要的样式有点不一样,然后就开始了慢慢的修改源码的道路。一直google,找到的答案先是说修改好代码,打包,然后传到自己的github,最后安装的时候使用npm install git@github....,从自己的github地址进行安装。但是我尝试了好久,对那个打包方法也不是很懂,然后我就只有寻找别的解决方法啦。

首先从Element-ui官网clone一份代码到本地,github项目地址:https://github.com/ElemeFE/element,然后使用代码编写工具(能输入命令行的就行)

1.首先进入项目目录

2.安装所需依赖

3.启动项目

npm run dev

可访问http://localhost:8085查看项目页面,基本跟官网一样

4.根据需求修改代码,可结合本地地址进行调试

5.编译,生成项目所需文件(lib)

npm run dist

6.进入我们原本的项目,删除node_modules/elment-ui下面的lib文件夹,在把上一步我们得到的lib文件夹放进去。

7.完成

打开我们的项目,就能发现修改的代码生效了。

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值