Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。

 

使用过vue的程序员这样认为，“vue.js兼具angular.js和react.js优点，并去除了它的缺点”。

 

Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

 

vue的缺点

Vue难道没有缺点吗？当然有，vue虽然在16年非常火，但是相比于angular和react，不论是成熟度还是社区活跃度都还不是最好的。此外，Vue明确声明了自己放弃了对IE8的支持。再看看现在的招聘网站上，有多少写了需要有angular经验，而又有多少写了需要vue经验，就可见vue的影响力相比于angular和react还差的很远。

 

vue项目架构

Vue包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org）， vue-resource（https://github.com/pagekit/vue-resource）。再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。

 

Vue.js安装

1. Node.js的安装非常容易，首先从官网下载你所需操作系统的版本，然后一直下一步就ok，这里贴个菜鸟教程的传送门。

安装完成之后，在命令行敲出node -v，如果出现对应版本号，则表示安装成功。

vue.js_命令行

 

2. npm是随同Node.js一起安装的包管理工具,直接在命令行敲出npm -v就可以查看是否安装成功。

 

vue.js_命令行_02

npm包管理器虽然有了，但是由于npm下载需要依赖包的服务器地址在国外，导致很多资源访问会很慢。所以我们可以安装淘宝的国内镜像。

3. 在命令行敲出 npm install -g cnpm --registry=http://registry.npm.taobao.org。

这样就可以使用 cnpm 命令来安装模块了：

cnpm install [name]

4. 安装webpack

cnpm install webpack -g

5. 安装vue脚手架

npm install vue-cli -g

初始化一个Vue.js环境

在电脑上新建一个文件夹用来存放我们的代码。然后使用命令行进入这个文件夹cd 目录路径。

之后使用命令

vue init webpack name

来初始化一个vue环境，这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。在安装过程会有一些初始化的设置，我们可以采用默认配置，一路回车 。

 

vue.js_node.js_03

从上图的我们还可以看到vue很贴心的告诉了我们快速开始(To get started)的命令

安装项目依赖

一定要从官方仓库安装，npm 服务器在国外所以这一步安装速度会很慢。

npm install

不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)

cnpm install

安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

启动项目

npm run dev

运行成功以后他会告诉你ip和端口号

 

vue.js_初始化_04

访问这个地址

vue.js_node.js_05

Vue.js简单项目完成，谢谢。