VUE学习系列-01 环境搭建(使用脚手架构建) VUE学习的点点滴滴记录。注意：本环境

VUE学习的点点滴滴记录。

注意：本环境的搭建是基于window系统的。

一：需要准备环境

node.js所需要的。这里使用的是对npm包管理的

vue-cli 脚手架。用于构建项目的工具

命令cnpm.使用淘宝镜像的npm

二：安装node.js相关的。

直接从node.js官网上下载所需要的node，并进行安装。

如上图。选择自己电脑相对的版本。

下载后：

安装过程很简单。和其他windows软件安装一样的.一路‘next’就可以了(傻瓜是安装)。

安装完成后，查看node和npm的版本号。在命令行下输入node -v和 npm -v.如下图：

能看到版本后就OK!.说明node相关环境已将安装好了。同时npm依赖包管理器(管理工具)也有了。

接下来，需要注意的：因为npm是国外的。在大天朝范围内访问有点嘿嘿又嘿嘿了，大家都懂的。会经常失败啦。所以呢，我们可以使用国内淘宝提供的npm镜像。即使 cnpm.

三：安装CNPM。

首先了解下淘宝的npm镜像：

好了，开始进行安装。

在命令窗口输入： npm install -g cnpm --registry=http://registry.npm.taobao.org命令后

等待。等待。。。

当安装完成之后，我们在使用npm命令安装需要依赖包的时候，就可以使用cnpm来代替了。这样下载依赖会比较快的。

四：安装VUE-CLI构建工具(脚手架)

接着在命令行中输入：npm install -g vue -cli这个时候就在按照脚手架了。依然是等待安装完成。

当安装完成后，经过以上三步(2--4)我们就已经都准备好了。接着就可以使用vue-cli这个脚手架来构建项目了。

在下一篇文章中，凯哥将介绍怎么使用脚手架来构建项目及需要注意的掉过的坑