vue开发环境及vue相关

一、安装node.js

Vue项目通常通过webpack工具来构建，而webpack命令的执行是依赖node.js的环境的，所以首先要安装node.js。

二、安装cnpm

cnpm是淘宝对npm的镜像服务器，这样依赖的包安装起来就快多了。安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.or。

三、安装脚手架vue-cli

装命令为：cnpm install -g vue-cli。输入vue检查是否安装成功。

四、创建新项目（比如在d盘下创建my-vue）

　1、D:回车，然后cd my-vue进入目录

　2、//使用vue-cli初始化项目（开始报错，通过npm install -g cnpm --registry=https://registry.npm.taobao.org镜像来安装依赖，安装失败可以使用 npm cache clean 清理缓存）

　　vue init webpack my-vue

　3、//进入项目目录

　　cd my-vue

　4、安装依赖包

　　cnpm install

　5、运行项目（进入项目目录输入如下命令或者浏览器输入localhost：8080）

　　cnpm run dev

vue是以数据驱动和组件化的的思想构建，采用MVVM模式（Model-View-ViewModel）。ViewModel是vue.js的核心，它是一个vue实例。使用Vue的过程就是定义MVVM各个组成部分的过程的过程：

1、定义View

2、定义Model

3、创建一个Vue实例或"ViewModel"，它用于连接View和Model