vue学习前篇1. vue-cli环境搭建

简介说明：

菜鸟一枚。

1、用vue.js+element UI 仿照饿了么。

2、使用仓渡大神的后台接口文档，接口文档传送带，接口请求方式运用axios。

步骤：

一、搭建环境

1、首先需要安装node环境（自行安装），安装完成后，可以命令行工具中输入 node -v 和 npm -v，能显示出版本号，安装成功。

2、安装vue-cli

   全局安装vue-cli，

  npm install -g vue-cli

（如果安装较慢的话，就用某宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 先设置npm）
使用cnpm install -g vue-cli安装vue-cli。

3、使用vue —V查看是否安装成功。

4、创建项目：
vue init webpack vue-demo
webpack是模板名称，vue-demo是自定义的项目名称。
这样就创建了一个基于 webpack 的 vue.js 项目。
5、进入项目文件夹，cnpm install安装依赖，npm run dev运行。

出现以下界面创建成功：

6、引入element UI

安装：npm i element-ui -S

全部引入：

在main.js中全部引入：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)

7、使用axios

安装

npm install axios --save

引用

import axios from 'axios'
Vue.prototype.axios = axios

接下来就可以进行开发了~~~~~~~