搭建vuecli4+vue3+element-plus

目前是vue2，接下来我要换成vue3,并且搭建vue3项目。前提条件需要node版本大于8.9 版本。我的是10。

一、先卸载vue-cli2。

npm uninstall vue-cli -g

如果遇到卸载不了的情况

首先npm config ls -l  找出userconfig = “路径”，把此路径下.npmrc文件删除。

再执行where vue命令，按照路径把vue有联系的文件全部删除。

最后执行vue -V,提示不存在就说明已经删除成功！

 

二、安装@vue/cli也就是vue3。cnpm比npm快一点

 cnpm install -g @vue/cli

三、到需要放置的目录输入cmd，创建项目

vue create 项目名

四、引入element-plus

 先cd进入到项目

然后使用vue添加elementPlus

vue add element-plus

 如果直接npm install element-plus是安装不成功的，现在官网已经更新了element-plus的安装方式了。如果之前安装了element-plus就先卸载。

npm uninstall element-plus

vue add element-plus之后在main.js里添加

import installElementPlus from './plugins/element'
const app = createApp(App)
app.use(installElementPlus)

 

 五、启动项目

出现了elementplus的按钮样式就代表安装成功！

npm run serve