最近在尝试用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.完成

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

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐