安装VUE
①首先下载node.js要求版本在8.9以上，官网下载地址：https://nodejs.org/zh-cn/，下载好后一键傻瓜式安装。
②安装好后cmd里输入 node -v 检查版本
③使用淘宝NPM镜像源下载比较快 命令：npm install -g cnpm–registry=https://registry.npm.taobao.org
④安装脚手架vue-cli（全局安装vue-cli） 命令：cnpm install vue-cli -g
⑤安装好后cmd里输入 vue -V 检查版本,注意是大写的V
创建VUE项目
①cmd里进入你想将文件创建的位置，因为想节省C盘空间，所以我进入D盘创建项目
②输入vue init webpack app1（创建名字为‘app1’的文件夹），遇到以下系统的提问一键回车就好，全部yes快速通过
③这个项目现在还只是一个结构框架，整个项目需要的依赖资源都还没有安装，要安装依赖包，首先输入 cd app1 进入创建的文件夹
④然后输入cnmp install 安装依赖，如果安装错误，那么就舍弃淘宝的镜像，用npm install 再试一次，有点慢
⑤回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
⑥打开的前端编译器，如果使用VScode记得安装各种插件，我个人使用的是HBuilder，方便简洁，导入你的app1文件，打开编译器里面的终端，输入npm run dev，出现运行成功就说明我们的努力没有白费
⑦在浏览里输入：localhost:8080(默认端口为8080)打开我们的项目的网页，就可以开始我们的编程了
在VUE中导入ElementUI
①在编译器打开项目文件，调出编译器内的终端 输入 npm install element-ui -S
②在main.js导入elment-ui及css并use
③在src文件夹下建立一个element.js文件，该文件主要引入element-ui组件
import Vue from 'vue' //导入vue //从element-ui导入想要使用的组件 import { Button, Form, FormItem, Input, Message, Container, Header, Aside, Main, Menu, Submenu, MenuItemGroup, MenuItem, Breadcrumb, BreadcrumbItem, Card, Row, Col, Table, TableColumn, Switch, Tooltip, Pagination, Dialog, MessageBox, Tag, Tree, Select, Option, Cascader, Alert, Tabs, TabPane, Step, Steps, Checkbox, CheckboxGroup, Upload, Timeline, TimelineItem } from 'element-ui' //用哪个就use哪个 Vue.use(Button) Vue.use(Form) Vue.use(FormItem) Vue.use(Input) // 将弹框组件全局挂在到VUe原形实例 Vue.prototype.$message = Message Vue.use(Container) Vue.use(Header) Vue.use(Aside) Vue.use(Main) Vue.use(Menu) Vue.use(Submenu) Vue.use(MenuItemGroup) Vue.use(MenuItem) Vue.use(Breadcrumb) Vue.use(BreadcrumbItem) Vue.use(Card) Vue.use(Row) Vue.use(Col) Vue.use(Table) Vue.use(TableColumn) Vue.use(Switch) Vue.use(Tooltip) Vue.use(Pagination) Vue.use(Dialog) Vue.prototype.$confirm = MessageBox.confirm Vue.use(Tag) Vue.use(Tree) Vue.use(Select) Vue.use(Option) Vue.use(Cascader) Vue.use(Alert) Vue.use(Tabs) Vue.use(TabPane) Vue.use(Step) Vue.use(Steps) Vue.use(Checkbox) Vue.use(CheckboxGroup) Vue.use(Upload) Vue.use(Timeline) Vue.use(TimelineItem)
④在main.js引入element.js的路径
如果直接复制的路径报错，就把\改成\绝对路径，如我上面一样
⑤然后就可以在vue页面中使用这些组件啦
