标签：

1.关系介绍

1.简单的说 Node.js 就是运行在服务端的 JavaScript。

2.NPM是随同NodeJS一起安装的包管理工具(新版的nodejs已经集成了npm)，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

　　允许用户从NPM服务器下载别人编写的第三方包到本地使用。

　　允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

　　允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

3.webpack

　　webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

4.vue-cli

　　是vue脚手架，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

===============nodejs============== 2.安装node.js(会将npm也安装成功)

　　下载地址：https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

下载完成安装即可。会自动修改path环境变量，也无需配置。

1.测试下载版本

C:\Users\Administrator>node -v v4.4.3 C:\Users\Administrator>npm -v 2.15.1

2.运行第一个nodejs程序(可以跳过这步)

(1)新建一个JS，命名为server.js。内容如下：

var http = require(‘http‘); http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain response.writeHead(200, {‘Content-Type‘: ‘text/plain‘}); // 发送响应数据 "Hello World" response.end(‘Hello World\n‘); }).listen(8888); // 终端打印如下信息 console.log(‘Server running at :8888/‘);

第一行请求（require）Node.js 自带的 http 模块，并且把它赋值给 http 变量。

接下来我们调用 http 模块提供的函数： createServer 。这个函数会返回 一个对象，这个对象有一个叫做 listen 的方法，这个方法有一个数值参数， 指定这个 HTTP 服务器监听的端口号。

(2)使用node启动上面服务：

C:\Users\Administrator\Desktop\nodetest> node server.js Server running at http://127.0.0.1:8888/

(3)访问测试：

补充：此处为nodejs的模块用法

　　一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。

比如：

(1)创建模块： hello.js

exports.world = function() { console.log(‘hello.js! Hello World‘); }

(2)引用模块： main.js

var hello = require(‘./hello‘); hello.world();

　　代码 require(‘./hello‘) 引入了当前目录下的 hello.js 文件（./ 为当前目录，node.js 默认后缀为 js）。

　　Node.js 提供了 exports 和 require 两个对象，其中 exports 是模块公开的接口，require 用于从外部获取一个模块的接口，即所获取模块的 exports 对象。

(3)执行main.js进行测试

E:\HBuilderSpace\vue\node>node ./main.js hello.js! Hello World

有时候我们只是想把一个对象封装到模块中，格式如下：

module.exports = function() { // ... }

(1)hello.js

//hello.js function Hello() { var name; this.setName = function(thyName) { name = thyName; }; this.sayHello = function() { console.log(‘Hello ‘ + name); }; }; module.exports = Hello;

(2)main.js

//main.js var Hello = require(‘./hello‘); hello = new Hello(); hello.setName(‘BYVoid‘); hello.sayHello();

(3)执行main.js

E:\HBuilderSpace\vue\node>node ./main.js Hello BYVoid

　　模块接口的唯一变化是使用 module.exports = Hello 代替了exports.world = function(){}。 在外部引用该模块时，其接口对象就是要输出的 Hello 对象本身，而不是原先的 exports。

注意：服务端的模块放在哪里？

一开始我们使用http模块语法如下：

var http = require("http"); ... http.createServer(...);

Node.js 中自带了一个叫做 http 的模块，我们在我们的代码中请求它并把返回值赋给一个本地变量。

这把我们的本地变量变成了一个拥有所有 http 模块所提供的公共方法的对象。