vue2.0入门（一）

vue2.0入门（一）

   最近，vue.js越来越火。在这样的大浪潮下，我也开始进入vue的学习行列中，在网上也搜了很多教程，按着教程来做，也总会出现这样那样的问题，经过了一段时间的摸索和看官方的教程和api，才了解到一点vue.js的知识，所以准备打算记录下学习过程，当做学习笔记，也希望对初学者有所帮助。ps：高手请绕道。
    什么是vue,这里引用官网(http://cn.vuejs.org)的一句话：Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
   第一步当然是搭建环境(居于mac版本安装)
   1.安装 brew
     打开终端运行以下命令: /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
   2.安装 nodejs
     命令:brew install nodejs
     获取nodejs模块安装目录访问权限：  
     命令：sudo chmod -R 777 /usr/local/lib/node_modules/
   3.安装npm镜像，由于天朝你懂的的原因，这里推荐使用淘宝 NPM 镜像
     命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
     完成后就可以使用命令:cnpm install [name] 安装模块了
   4.安装webpack
     命令:cnpm install webpack -g
   5.安装vue脚手架
     命令:npm install vue-cli -g
   6.新建文件，在硬盘上找一个文件夹放工程用的，在终端中进入该目录
     cd  到该目录下
     使用命令 vue init webpack 工程名字<工程名字不能用中文>
   7.接的安装项目依赖。一定要从官方仓库安装，npm 服务器在国外所以这一步安装速度会很慢  
     命令:npm install
   8.启动项目
     命令：npm run dev  
   这是会自动打开浏览器定向到localhost:8080,看到页面就安装成功了。