Element UI/node.js安装

1.安装node.js 官网：https://nodejs.org/en/
查看是否按安装了node.js

2.安装 vue-cli 脚手架 安装教程地址: https://www.cnblogs.com/loveyaxin/p/7094089.html
直接命令安装
命令行执行 : npm install -g vue-cli // 加-g是安装到全局
安装完成以后 可以输入命令 ：vue 回车，可以看到针对vue的命令行

**: 如果npm在国内的网络环境下可能会比较慢，解决方案：
使用淘宝镜像:
1>.官方网址：http://npm.taobao.org；
2>.安装：npm install cnpm -g --registry=https://registry.npm.taobao.org； 注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误；
3>.注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（以下操作将以cnpm代替npm）。
4> 如何更新npm的方法： 可以使用 npm install -g npm 来更新版本

初始化项目
执行命令： vue init webpack demo(你新建的项目名称/文件名称)
执行之后将会 自动初始化一个文件夹 ：demo


启动项目
如上图所示，执行初始化项目以后，下面会有对应的命令：

继续执行： cd demo (这是进入到demo文件夹的命令)
然后执行 安装 ：npm install
注： npm install 执行可以进行vue已经vue的插件安装，在第三步的时候，已经初始化了项目，并且在 package.json 里面已经有相关配置，所以在这里可以直接安装；

安装完成之后再执行命令： npm run dev
整个项目就已经启动了：

显示如下：表示监听8080端口成功

进入sell目录导入element-ui

报错，根据提示安装，此时先不用理会，先看目录中有没有项目sell的nodemodel中文件element-ui

编辑后重新启动

地址栏输入：localhost：8080

在package.json中配置element-ui版本，

关于element-ui安装版本，在安装时候cmd中已经提示
配置main.js添加element-ui，注意路径是相对路径！！！！！
为验证是否安装成功，是否可以正常使用element-ui，现使用案例测试：

案例测试：在App.vue中添加element标签

<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

再次启动，浏览器显示

Element图标已出现，成功！