在vue项目中升级element ui版本

在开发中遇到了这样的问题:由于用到新的技术在网上down了份大神打的vue框架,但是在开发过程中发现,element ui版本不是最新的,但是自己需要该怎么升级.

看了很多文档,最显眼的就是先npm下载

npm install -g npm-check-updates

查看最新的版本：npm-check-updates

简写：ncu

执行ncu

-a升级全部项目中可升级的包。

之后执行npm install安装，安装依赖.

不能说这样不行,但是请注意他是”升级全部项目中可升级的包”.

这并不能符合自己单独升级element-ui的初衷,下面是我的方法仅供参考:



找到项目中的node_modules文件夹,在找到其中的 element -ui文件夹删掉.



然后再cmd窗口执行npm install element-ui下载;

这时候我们在main.js中修改新增的 theme-chalk 主题：

将import ‘element-ui/lib/theme-default/index.css’替换为

import ‘element-ui/lib/theme-chalk/index.css’(注意查看element-ui/lib文件夹下的theme-default是否变为theme-chalk)

运行 npm run dev查看一下项目变化。