Node.js 新手入门

绝地灬酷狼 2023-07-09 10:25 11阅读 0赞

### Node.js 新手入门 ###

Node.js是运行在服务端的JavaScript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。简单地说，Node.js 是运行在服务端的 JavaScript, 是基于 Chrome JavaScript V8 引擎建立的平台，换句话说，Node.js是一个让JavaScript运行在服务器端的开发平台。除了服务器编程，Node.js 还被广泛应用于客户端编程，如桌面软件（Electron 框架），手机软件（React-Native 框架，Apache Cordova 框架）等，当然还有现在特别火的“前端”开发，例如 React、Vue、Angular都基于Node.js 。

Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。

Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。

可以使用node -v命令来查看当前是否安装 Node 版本，若安装出现版本号信息：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70][]

若不是类似如上图显示，说明尚未安装Node.js，需要下载安装，下载地址为：[https://nodejs.org/en/download/][https_nodejs.org_en_download]。

根据不同平台系统选择你需要的Node.js安装包。Windowv 上安装Node.js比较容易，只要一直下一步即可（且能自动为配置环境变量path），就不多说了【需要提醒的是在安装过程中，若不想安装大量的工具，不要点选“automatically install the necessary tools. Note that this will also install chocolatey. The script will pop\_up in a new window after the installation completes.“ 意思是：自动安装必要的工具。注意，这也会安装chocolatey。安装完成后，脚本将弹出一个新窗口】。

Node.js默认安装目录为 "C:\\Program Files\\nodejs\\" , 你可以修改目录：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1][]

可以使用node -v命令来查看Node 版本，前面提到过。

创建 Node.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 [http://127.0.0.1:8888/][http_127.0.0.1_8888]');

说明：其中var http = require("http"); 使用 require 指令来载入 http 模块，并将实例化的 HTTP 赋值给变量 http。

使用 node 命令执行以上的代码：

编写了.js的程序，运行的时候就要通过node.js来运行了，在CMD中先切换到编写程序的目录下，然后用node XXX.js即可启动服务，若不先切换路径，则用node 路径\\XXX.js启动服务。然后在浏览器中输入相应的监听IP地址加上端口号，这里的端口号使用比较大一点的就可以，因为是回环测试，所以使用127.0.0.1来作为测试IP。

用cd命令切换到server.js 的文件所在的目录

用node server.js 命令执行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2][]

打开浏览器访问 http://127.0.0.1:8888/，你会看到一个写着 "Hello World"的网页：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3][]

简单例子运行成功了，这其实是用node.js搭建了一个服务器，然后来监听端口的访问事件，最后做出相应的回应，需要指出的是，当我们关闭CMD或按CTRL+C键之后服务就关闭了。

下面再举个例子较为复杂的例子：

有两部分：服务器代码和网页代码

**服务器代码如下：**

//require表示引包，引包就是引用自己的一个特殊功能

var http = require("http");

var url = require("url");

var server = http.createServer(function(req,res)\{

//得到查询部分，由于写了true，那么就是一个对象

var queryObj = url.parse(req.url,true).query;

var name = queryObj.name;

var age = queryObj.age;

var sex = queryObj.sex;

res.writeHead(200,\{"Content-Type":"text/html;charset=UTF-8"\});

res.end("服务器收到了表单请求" + name + age + sex);

\});

//运行服务器，监听3000端口（端口号可以任改）

server.listen(3000,"127.0.0.1");

// 终端打印如下信息

console.log('Server running at http://127.0.0.1:3000/')

保存文件名为server2.js ，运行：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4][]

**网页代码如下：**

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

姓名：

年龄：

<input type="radio" name="sex" value="男"/> 男

<input type="radio" name="sex" value="女"/> 女

<br />

</form>

</body>

</html>

保存文件名为 测试网页.html ，用浏览器运行：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 5][]

更多的例子，参见：

[https://blog.csdn.net/weixin\_30691871/article/details/98106446][https_blog.csdn.net_weixin_30691871_article_details_98106446]

[https://blog.csdn.net/weixin\_30609287/article/details/98106449][https_blog.csdn.net_weixin_30609287_article_details_98106449]

下面介绍Node.js之REPL

**Node.js之 REPL**

Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境，类似 Window 系统的终端或 Unix/Linux shell，我们可以在终端中输入命令，并接收系统的响应。

REPL 的交互式的编程环境可以实时的验证你所编写的代码，非常适合于验证 Node.js 和 JavaScript 的相关 API。

Node 自带了交互式解释器，可以执行以下任务：

读取 - 读取用户输入，解析输入了Javascript 数据结构并存储在内存中。

执行 - 执行输入的数据结构

打印 - 输出结果

循环 - 循环操作以上步骤直到用户两次按下 ctrl-c 按钮退出。

Node 的交互式解释器可以很好的调试 Javascript 代码。

可以输入以下命令来启动 Node 的终端：

node

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 6][]

REPL 命令

ctrl + c - 退出当前终端。

ctrl + c 按下两次 - 退出 Node REPL。

ctrl + d - 退出 Node REPL.

向上/向下 键 - 查看输入的历史命令

tab 键 - 列出当前命令

.help - 列出使用命令

.break - 退出多行表达式

.clear - 退出多行表达式

.save filename - 保存当前的 Node REPL 会话到指定文件

.load filename - 载入当前 Node REPL 会话的文件内容。

停止 REPL，按下两次 ctrl + c 建就能退出 REPL:

**REPL的使用**

表达式运算

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 7][]

使用变量

你可以将数据存储在变量中，并在你需要的使用它。

变量声明需要使用 var 关键字，如果没有使用 var 关键字变量会直接打印出来。

使用 var 关键字的变量可以使用 console.log() 来输出变量。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 8][]

多行表达式

Node REPL 支持输入多行表达式，执行一个 do-while 循环：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 9][]

说明：

... 三个点的符号是系统自动生成的，你回车换行后即可。Node 会自动检测是否为连续的表达式。

**Node.js 之NPM介绍**

文介绍了 Node.js 中 NPM 的使用，我们先来了解什么是 NPM。

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

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

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

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

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入

npm -v

来测试是否成功安装。命令如下，出现版本提示表示安装成功:

![20200309112512166.png][]

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，Window 系统使用以下命令即可：

npm install npm -g

使用npm包管理工具安装第三方库（npm包），有两种安装方式：全局安装和局部安装：

从敲的命令行来看，差别只是有没有-g而已，如

npm install X      \# 局部（本地）安装，则是将模块下载到当前命令行所在目录。可能会遇到 “'X' 不是内部或外部命令，也不是可运行的程序”错误。

npm install X -g   \# 全局安装，可以直接在命令行里使用。

**附、 npm 、cnpm常用命令及.npmrc配置文件详解**

[https://blog.csdn.net/cnds123/article/details/106206232][https_blog.csdn.net_cnds123_article_details_106206232]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020022816482940.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_nodejs.org_en_download]: https://nodejs.org/en/download/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020022816482941.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[http_127.0.0.1_8888]: http://127.0.0.1:8888/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200309112735759.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2020022816482931.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200301200433927.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200301200455654.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_weixin_30691871_article_details_98106446]: https://blog.csdn.net/weixin_30691871/article/details/98106446
[https_blog.csdn.net_weixin_30609287_article_details_98106449]: https://blog.csdn.net/weixin_30609287/article/details/98106449
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/2020022816482935.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200228164828868.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200228164828869.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200228164828872.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70
[20200309112512166.png]: https://img-blog.csdnimg.cn/20200309112512166.png
[https_blog.csdn.net_cnds123_article_details_106206232]: https://blog.csdn.net/cnds123/article/details/106206232