window下安装Vue开发环境

首先列出需要的三项：
node.js环境（npm包管理器）
vue-cli 脚手架构建工具
cnpm npm的淘宝镜像

1、安装node.js

先在本地安装node.js(傻瓜式安装，只要点下一步就可https://nodejs.org/en/),安装完成后win+r-->cmd回车，打开命令行工具输入node -v如下图出现响应的版本号，则说明安装成功

node-version.png

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

npm-version.png

node环境已经安装完成，npm包管理器也有了。但有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有还需要npm的国内镜像---cnpm。

2、安装cnmp

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待
完成之后，我们就可以用cnpm代替npm来安装依赖包了

3、安装vue-cli脚手架构建工具

在命令行中运行命令 npm install -g vue-cli （或cnpm install -g vue-cli），然后等待安装完成。通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目

vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目

安装完成后，坚持是否安装成功输入vue,则出现以下界面 vue-sersion.png

4、试试新建一个Vue项目

1）新建一个项目文件夹，命名为 vue-demo，cd到此文件夹，输入:vue init webpack vue-demo，回车，按照如下操作进行初始化： vue-item.png

2）安装项目依赖的包
cd到vue-demo 文件夹，执行cnpm install，安装依赖包，安装完成之后，项目目录下多了node_modules

3）此时可以打开安装目录看下 vue-path.png

4）运行项目
在命令行里输入 cnpm run dev，执行完成后启动项目，浏览器出现以下接结果，说明启动成功。注意浏览器的版本，低版本的不支持哦。
项目地址（包括端口号）是运行完这一步生成提示的

vue-success.png