如何实现Vue与Element-UI的集成使用案例？

本文共计740个文字，预计阅读时间需要3分钟。

这一篇主要介绍如何创建一个Vue项目并整合Element UI框架。以下是具体步骤：

1. 首先创建Vue项目，将项目放置在E盘的Work目录下，命名为RegisterProject： E:\Work\RegisterProject

2.进入该目录，使用命令行创建一个基于webpack模板的新项目：

bash vue create RegisterProject

这一篇主要是创建一个vue项目并结合饿了么框架element-ui。

1.先创建vue项目，我准备把项目放在e盘下：E:\Work\RegisterProject；

命令行进入这个目录：

创建一个基于 webpack 模板的新项目

（1）vue init webpack register(项目名)

需要yes按Enter健就可以了，不需要输入n,然后按Enter健。

创建完成：在目录中可看到

运行：命令行进入到刚创建好的目录：cd register

运行：npm run dev

成功：

在浏览器输入：localhost:8080/ 我的是localhost:8081/（那是因为我已经打开另一个vue项目，80端口已经被占用，第一次的一般不会被占用，输入localhost:8080/ 就可以了）。