Vue的学习（1）

首先进入官网
Vue官网：https://cn.vuejs.org
查看介绍，对Vue进行初步的了解。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。

安装
当然可以直接引入，这个方式我们之后再探究

我们先安装，安装vue有几种方式，这里我们选择用NPM安装

1.安装Node.js
npm包管理器，是集成在node中的，所以安装了node也就有了npm
Node.js官网：https://nodejs.org/en/
进入官网，选择LTS版本进行下载，毕竟是稳定版，建议大多数用户使用的。这里直接点击下载

当然也可以点击DOWNLOADS,根据自己电脑的配置下载对应的版本

下载速度可能有点慢，请耐心等待。下载完成后打开安装包，点击下一步，这里要勾上表示接受许可协议中的条款

这里可以更改安装路径，其他默认下一步即可。

安装完成后，可打开命令行工具，输入 node -v，若出现版本信息，则证明安装成功。输入 npm -v 可以查看npm版本信息

注意命令窗口中要切换到node.js安装目录下再执行npm命令，否则可能出现不是内部或外部命令，如果出现这样的错误，可以配置环境变量来解决

2.使用NPM安装Vue.js
因为某些原因导致npm安装依赖包时速度很慢或者失败，所以我们用到淘宝npm镜像。你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

输入上面的代码，没有报错则证明安装成功

这样我们就可以用cnpm来代替npm了

$ cnpm install vue

输入上面的命令安装最新稳定版vue

3.安装vue-cli脚手架构建工具

虽然是建议新手先不用构建工具，不过我们先安装，输入下面的命令

& cnpm install -g vue-cli

等待安装完成，我们就可以用 vue-cli 来构建项目了
直接在你想要存放项目的位置新建一个文件夹或者已有的文件夹，然后打开命令行工具输入 cd +目录位置进入指定目录（如果不在C盘就先用dos命令进入相应的盘再cd+目录位置），如图，我放在D盘的Nodejs文件下的demo目录

然后输入下面的命令,firstdemo就是整个项目的名称

$ vue init webpack firstdemo

接着会让你输入一些项目的基本配置信息，觉得麻烦的可以一直回车填Y/n就行

等待项目创建完成，完成后会有下面的提示

先去看看自己的firstdemo文件夹下有没有node modules这个依赖包,没有的话再安装一次依赖就好了

然后我们开始运行这个项目,在项目目录下输入命令

$ npm run dev

然后打开浏览器输入 localhost:8080

看到这个页面就表示你成功啦！