最近在尝试用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.完成
打开我们的项目,就能发现修改的代码生效了。