【物联网服务NodeJs-5天学习】第一天篇③ —— VsCode上运行第一个NodeJs 程序，配置自动重启插件 nodemon
【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模块创建了一个服务器serverapp.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，支持热重载代码。