物联网服务NodeJs-5天学习第一天篇③ —— VsCode上运行第一个NodeJs 程序，配置自动重启插件 nodemon

Posted 2023-03-13 单片机菜鸟哥

【NodeJs-5天学习】第一天篇③ —— VsCode上运行第一个NodeJs 程序，配置自动重启插件 nodemon

• • 1、项目说明
  • 2、项目步骤
  • • 2.1 创建项目目录 —— HelloDemo
    • 2.2 创建 index.js 文件
    • 2.3 初始化npm —— package.json
    • 2.4 安装第三方库
    • 2.5 编写demo代码
    • 2.6 大功告成，跑起来
  • 3、配置自动重启插件 nodemon
  • • 3.1 全局安装
    • 3.2 测试nodemon命令
    • 3.3 解决脚本运行问题
    • • 3.3.1 win+x 打开Windows PowerShell（管理员）
      • 3.3.2 输入set-ExecutionPolicy RemoteSigned ，输入a或者y
      • 3.3.3 输入get-executionpolicy结果为RemoteSigned表示成功
    • 3.4 再次执行nodemon命令
    • 3.5 修改js代码，验证自动重启效果
  • 4、总结

面向读者群体

• ❤️ 电子物联网专业同学，想针对硬件功能构造简单的服务器，不需要学习专业的服务器开发知识 ❤️
• ❤️ 业余爱好物联网开发者，有简单技术基础，想针对硬件功能构造简单的服务器❤️
• ❤️ 本篇创建记录 2023-03-12 ❤️
• ❤️ 本篇更新记录 2023-03-12 ❤️

技术要求

• 有HTML、CSS、JavaScript基础更好，当然也没事，就直接运行实例代码学习

专栏介绍

• 通过简短5天时间的渐进式学习NodeJs，可以了解到基本的服务开发概念，同时可以学习到npm、内置核心API（FS文件系统操作、HTTP服务器、Express框架等等），最终能够完成基本的物联网web开发，而且能够部署到公网访问。

🙏 此博客均由博主单独编写，不存在任何商业团队运营，如发现错误，请留言轰炸哦！及时修正！感谢支持！🎉 欢迎关注 🔎点赞 👍收藏 ⭐️留言📝

1、项目说明

本章介绍如何在VSCode上成功运行第一个 NodeJs 服务器程序，并且能在浏览器上能访问到服务器内容。同时配置自动重启插件 nodemon，保存即更新服务。

2、项目步骤

2.1 创建项目目录 —— HelloDemo

随意创建一个英文文件夹目录，这里博主创建为“HelloDemo”。
右键选择code打开

2.2 创建 index.js 文件

2.3 初始化npm —— package.json

• 打开一个命令行终端
  
  
• 输入 npm init，此命令用于初始化npm功能
  
  
  

这里会生成package.json,这里会管理我们当然引入的所有包。

2.4 安装第三方库

• 这里安装我们比较强大的web库 - express库，这个库用于创建服务器，操作服务器访问资源等等
  输入命令 npm install express --save
  

2.5 编写demo代码

把以下代码直接拷贝进 index,js文件：

// 1、创建项目程序
const http = require("http");
const express= require("express");      //Express框架
let app=express();                      //app全称application，它是一个网站程序
let server = http.createServer(app);    //通过http模块创建了一个服务器server

app.get("/",(req,resp)=>
    //这样就相当于接收到前面发送的一个get请求
    resp.send("我是服务器返回的信息，我是小哥哥")
);

// 2、监听端口
//服务器是要运行在某一个端口上面
server.listen(8266,()=>
    console.log("服务器启动成功");
);

2.6 大功告成，跑起来

• 输入 node ./index.js
  
  表示代码正常运行。
• 在浏览器中打开 http://localhost:8266/,可以看到对应响应内容
  

3、配置自动重启插件 nodemon

在我们做NodeJs服务器开发时，当我们编写好代码之后一般会执行cmd命令：

node 执行文件

这时候就会启动好服务器。但当我们再次修改完代码就得执行cmd命令（先停止，再启动）

• ctrl + c (退出服务)
• node 执行文件 （启动服务）

那么有没有一种热重载的方式呢？也就是说保存代码即可完成以上两步等效的功能。

这就是nodemon功能。

Nodemon是一个使用工具，它将会见监视源文件中任何的更改并自动重启服务器。Nodemon不会对你的代码产生额外的更改，它只是node命令的替代品。因为当你修改源文件后，如果你用的是原来的node 则必须手动重启 你的更改才会有效。但是如果用的是nodemon，则你不需要手动操作，它会检测你的代码改动自动重启。

3.1 全局安装

在终端输入命令：

npm install -g nodemon

可以看到正常结果：

3.2 测试nodemon命令

把命令：

• node 执行文件 （启动服务）

换成：

• nodemon 执行文件 （启动服务）

相当于nodemon接管了node的相关命令。

一般情况下可能会出现这个问题：

首次在计算机上启动 Windows PowerShell 时，现用执行策略很可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行。

3.3 解决脚本运行问题

3.3.1 win+x 打开Windows PowerShell（管理员）

3.3.2 输入set-ExecutionPolicy RemoteSigned ，输入a或者y

3.3.3 输入get-executionpolicy结果为RemoteSigned表示成功

3.4 再次执行nodemon命令

3.5 修改js代码，验证自动重启效果

可喜可贺，成功验证结果。

到这里我们就配好了nodemon，后面会经常用到这个插件工具。

4、总结

篇③我们主要学习第一个NodeJs代码，了解整个NodeJs代码是如何运行以及基本编译命令。同时配置了插件 nodemon，支持热重载代码。