vue 项目中引入Element UI

1.创建存放项目的文件夹

2.进入文件夹

3.创建一个项目

创建成功，如下图所示：

在本地电脑中可看到创建好的项目，如下图所示：

进入创建的项目所在的文件夹： cd testMap

运行项目： npm run dev

浏览器中输入：http://localhost:8080，如下所示：

至此，第一个vue项目就创建成功了。

4.在项目中引入Element UI

打开cmd，进入创建项目的文件夹目录：

在当前目录中运行：npm i element-ui -S：

接下来，在WebStorm中打开项目，如下所示：

修改router文件夹下面的main.js文件

修改前如下：

修改后：

接下来，就可以使用Element UI 了，在页面添加Element UI 组件：

运行：

1）WebStrom中，按Alt+F12键，输入npm run dev 运行项目；

2）cmd中，进入项目所在文件夹，输入npm run dev运行项目；

可以看到，页面中成功地实现了Element UI 中的圆角按钮组件:

Element UI组件可以参考腾讯云开发者手册 。