node.js本地环境搭建

2018-09-27 本文已影响83人 CaptainXero

近期新参与一个项目，之前没有摸过类似的。粗略看了一下，服务端居然是纯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

node.js本地环境搭建

Node.js环境搭建与初探

猜你喜欢

热点阅读