Vue.js开发环境安装步骤及组件

首先安装node.js

node.js安装成功后通过node -v来查看相应的安装版本，node.js自身包含有npm。
node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。

npm是node.js的包管理器（package manager）。我们在node.js上进行开发时，会用到很多别人已经写好的javascript代码，如果每当我们需要别人的代码时，都根据名字搜索一下，下载源码，解压，再使用，会非常麻烦。于是就出现了包管理器npm。大家把自己写好的源码上传到npm官网上，如果要用某个或某些个，直接通过npm安装就可以了，不用管那个源码在哪里。并且如果我们要使用模块A，而模块A又依赖模块B，模块B又依赖模块C和D，此时npm会根据依赖关系，把所有依赖的包都下载下来并且管理起来。

npm所搭载的服务器处在国外，单单的使用npm来安装相应的包的话速度会非常的慢，所以我们有必要通过国内的npm镜像来快速的安装。

使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

使用 NPM 安装Vue.js (构建大型Vue.js应用):

$ cnpm install vue      (该命令安装的是vue.js最稳定版本）

全局安装 vue-cli

$ cnpm install --global vue-cli

创建一个基于 webpack模板的新项目(其中my-project是所创建的项目名）

$ vue init webpack my-project

进入项目，安装并运行：

$ cd my-project
$ cnpm install
$ cnpm run dev