如何在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的两种基本配置方法
  • 热门搜索
    腿肿是什么原因 id是什么意思 cmo是什么职位 shell是什么意思 无线网卡是什么 美人尖是什么 6月15日是什么星座 一开双控什么意思 later是什么意思 特氟龙是什么