如何在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功能
  • jsp如何导入一个完整的项目
  • C#如何不利用数据库而手动为DataSet载入数据
  • 控制黑石实验室攻略
  • Eclipse怎么设置开启悬浮提示功能?
  • 在IPv6环境下的OSPFv3的两种基本配置方法
  • 热门搜索
    关于邪教的手抄报 爱国手抄报版面设计图 数学王国手抄报 手抄报的边框 走进名著手抄报内容 音乐手抄报图片 数学手抄报四年级下册 爱国手抄报内容资料 三爱三节手抄报图片 文明交通手抄报图片