初步认识vue-搭建一个vue项目（vue-cli）

介绍

Vue.js是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图

阅读之前需要了解的知识

html
css
javascript
node.js环境(npm包管理工具）
webpack打包工具

安装node.js

从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。

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

安装vue的脚手架

用npm全局安装vue-cil，也就是所谓的脚手架。

创建一个基于 webpack 模板的新项目

要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。可以使用：

#myApp为自定义项目名
$ vue init webpack myApp

运行项目

该界面就是运行完成后的界面。