vue.js入坑（1）——安装vue（vscode新建vue项目）

一、vue是什么
Vue.js 是一套构建用户界面的渐进式JavaScript框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
二、vue的安装
有三种方式：
1.直接在官网下载并引用
https://cn.vuejs.org/v2/guide/installation.html
2.CDN

Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

用script标签引用
3.npm（本人用的这种，下面实例也是这种方式）
编辑器用的vscode，新建一个文件夹，用vscode打开
ctrl+`打开编辑器终端。
npm 版本需要大于 3.0，如果低于此版本需要升级它：
查看版本
$ npm -v
2.3.0
升级 npm
cnpm install npm -g
升级或安装 cnpm
npm install cnpm -g
最新稳定版
$ cnpm install vue
全局安装 vue-cli
$ cnpm install --global vue-cli
创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
这里需要进行一些配置，默认回车即可
运行这两个命令即可
浏览器输入http://localhost:8080,出现如下页面，即表示成功。