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

面向读者群体

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

技术要求

  • HTMLCSSJavaScript基础更好,当然也没事,就直接运行实例代码学习

专栏介绍

  • 通过简短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,支持热重载代码。

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

单片机菜鸟哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值