最近，前段开发框架层出不穷，响应式和模块化开发框架一下变得炙手可热起来。在这样的大浪潮下，我也开始进入vue的学习行列中。

这里有观众会问，为什么选择vue呢？

 小编作为一个刚入门前端的小白，vue 相比于angular2 ，react，入门简单容易上手，简单也是效率嘛。

 这里引入官网对vue的介绍。

Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架，专注于MVVM 模型的 ViewModel 层。Vue.js 不仅简单、容易上手、配置设施齐全，同时拥有中文文档。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

既然是入门教程，那肯定从最基础的开始了，希望初学者们耐心看下去。首先，列出来我们需要的东西：

• node.js环境（npm包管理器）
• vue-cli 脚手架构建工具
• cnpm  npm的淘宝镜像

安装node.js

npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。

OK！node环境已经安装完成，npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。

安装cnpm

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

用vue-cli构建项目

安装项目所需的依赖

运行项目