如何在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的两种基本配置方法
  • 热门搜索
    猪肝瘦肉粥的做法 马蹄糕的做法 炖豆角的家常做法 狗肉做法 青椒的做法 mr怎么读 炸牛肉丸子的做法 油香的做法 牛杂的做法 炖鸡块的家常做法