node.js本地环境搭建

近期新参与一个项目，之前没有摸过类似的。粗略看了一下，服务端居然是纯js写的，前端使用了node.js以及vue.js。粗略看了下现有的代码和文档，发现本地调试需要部署node.js环境以及jdk9。针对这个项目的请求现打到Nginx上，在此逐步记录此学习过程。

Node.js环境搭建与初探

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统。

• 准备工作
  • Windows10 x64
  • Node.js下载
  • 官方文档
• 搭建环境
  • 直接安装Node.js，官网下载的Windows安装包包含了node.js和npm管理器，npm管理器简单来说就是帮你安装以及卸载一些包。安装完成后启动cmd，输入node -v 以及npm -v查看是否安装成功：

验证安装是否成功.png

• 为了方便管理（自行设置以后安装包的路径和缓存路径），新建两个文件夹：

2.两个文件夹.png

这两个文件夹可以放在自己喜欢的位置。

• cmd中输入命令，对新建的文件夹进行设置。
  npm config set prefix "【你的路径】"
npm config set cache "【你的路径】"

设置两个文件夹.png

• 编辑环境变量
  • “我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
    在【系统变量】下新建【NODE_PATH】，输入
    你的路径\nodejs\node_global\node_modules，将【用户变量】下的【Path】修改为你的路径[图片上传中...(4.编辑path.png-cb1506-1538018047444-0)]\nodejs\node_global
    
    

    编辑path.png

系统变量NODE_PATH.png

• 测试安装是否成功
  • 安装一个常见的包，测试是否成功（需要联网）
    管理员下cmd窗口执行 npm install express -g

测试安装.png

• 查看相应目录下新安装的包

查看安装结果.png

• 小试牛刀
  新建一个名为 hello-world.js的源代码文件。
  随便找个编辑器中打开 hello-world.js，将下面代码贴进去。

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World!\n');
});

server.listen(port, hostname, () => {
  console.log(`server run on: http://${hostname}:${port}/`);
});

• 保存文件后，当前目录下启动cmd终端，输入命令node hello-world.js启动脚本，命令行看到:

启动服务器.png

• 本地访问http://127.0.0.1:3000/可以看到服务器解析结果
  
  

  访问服务器.png