手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何在Eclipse的Vue cli项目中添加Element功能

时间:2024-10-11 20:58:15

1、第一步:打开Eclipse软件,在终端中输入Vue create element_peoject命令,创建element_project项目,如下图所示:

如何在Eclipse的Vue cli项目中添加Element功能

2、第二步:点击菜单栏中的File->import,将上一步创建的element_project项目添加到Eclipse中,如下图所示:

如何在Eclipse的Vue cli项目中添加Element功能

3、第三步:在Terminal中的element_project根目录中运行npm install element-ui -S命令,如下图所示:

如何在Eclipse的Vue cli项目中添加Element功能

4、第四步:打开项目的main.js文件,在文件中添加红色框中的代码,如下图所示:

如何在Eclipse的Vue cli项目中添加Element功能

5、第五步:打开项目的App.vue文件,在文件中添加element的图标组件,如下图红色框中内容所示:

如何在Eclipse的Vue cli项目中添加Element功能

6、第六步:在Terminal中运行npm run serve,在浏览器中输入运行结果中的IP,在页面中看到红色框内的内容,则漉胜衲仰表示在Eclipse的Vue cli项目中添加Element功能,如下图所示:

如何在Eclipse的Vue cli项目中添加Element功能
© 手抄报圈