Vue运行环境搭建（vue，node基础知识）。

1.安装node.js 

NPM是NodeJS下的一个包管理工具，它可以很方便的帮你管理（可以简单理解为下载）各类前端的框架或插件，类似于PHP的composer，Twitter 的 Bower 一样。使用Vue不需要安装NodeJS，这里下载NodeJS只是为了使用其内置的NPM工具，所以不需要你有任何的NodeJS基础，只需要运行 npm install vue 命令，即可把 Vue 的最新版本下载至 node_modules 文件夹。

（1）首先进官网下载node.js。（http://nodejs.cn/download/).

（2）测试。

        win+R，出入cmd，回车，调出DOS窗口。

       在C盘下建立一个app文件夹，app文件夹里面写一个test.js。代码如下：

var http = require("http");
   
http.createServer(function(req, res) {
  res.writeHead( 200 , {"Content-Type":"text/html"});
  res.write("<h1>Node.js</h1>");
  res.write("<p>Hello World</p>");
  res.end("<p>beyondweb.cn</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");

      再从DOS窗口进入你的app的文件夹，在命令窗口执行【node test.js】。这样就可以在网页上访问你的js了。访问网址http://127.0.0.1:3000。如果你正常访问了，那么久安装成功了。

2.安装淘宝镜像

在这里，有一个问题，使用 npm 会导致网速很慢，对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。 

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

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

直接复制上去就好，等他自动安装完成。

3. 全局安装 vue-cli 脚手架 

cnpm install --global vue-cli

输出上面的指令之后，下面又会有一串代码，表示安装无需理会。

4.安装 webpack

继续安装

vue init webpack my-project

创建一个基于 webpack 模板的新项目，后面的 my-project 指的是这个项目的名称，你也可以换成其它的。 

然后会下载安装这套模板，命令行会出现几个问题，你跟着下面的步骤回答就可以了。

roject name (my-project) # 项目名称（我的项目）

Project name my-project # 项目名称我的项目

Project description (A Vue.js project) # 项目描述一个Vue.js 项目

Project description A Vue.js project # 项目说明一个 Vue.js 项目

Author  作者 

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码？ （Y [ yes ] / N [ no ]）

Use ESLint to lint your code? Yes # 使用 ESLint 到你的代码？ 是

Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键）

Pick an ESLint preset Standard # 选择一个预置ESLint标准

Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha？ （Y/ N）

Setup unit tests with Karma + Mocha? Yes # 设置单元测Karma + Mocha？是

Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试，Nightwatch？ （Y/ N）

Setup e2e tests with Nightwatch? Yes # 设置端到端测试，Nightwatch？ 是

注：当vue初始化项目卡住在某一地方的时候，可能是由于npm过慢，可更改为cnpm或者yarn。

should we run npn install for you after the project has benn created?(recommended)

yarn：Yarn 是一个依赖管理工具。它能够管理你的代码，并与全世界的开发者分享代码。Yarn 是高效、安全和可靠的，你完全可以安心使用。下载地址

5.进入项目，安装并运行。

 cd my-project
 cnpm install
 cnpm run dev

服务器启动成功之后，下面就会给出一串指令告诉你:

Listening at http://localhost:8080

这样就表示开发环境搭建结束啦！