vue.js2.0环境搭建

vue.js概述

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

vue.js安装

1. 安装node.js
   vue.js环境的搭建需要借助于npm来安装一些必要的依赖，所以要先安装node.
   node下载地址：https://nodejs.org/en/download/
2. 全局安装 vue-cli
   npm install –global vue-cli
   如图：
   
   安装成功后图示：
   
3. 创建一个基于 webpack 模板的新项目
   vue init webpack <项目名称>
   示例：vue init webpack vuedemo
   如图：
   
   注意：红线内输入n即可，不需要安装
4. 安装依赖
   进入项目目录，执行以下命令：
   cd vuedemo
   npm install
   安装过程图：
   
   安装过程比较慢，请耐心等待
   安装完成图：
   
5. 测试
   npm run dev
   如图：
   
   如果成功可以在浏览器中访问：http://localhost:8080/
   如图：
   
   至些vue.js环境搭建成功

参考链接：
http://www.runoob.com/vue2/vue-install.html
https://cn.vuejs.org/v2/guide/installation.html