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


    面向读者群体

    • ❤️ 电子物联网专业同学,想针对硬件功能构造简单的服务器,不需要学习专业的服务器开发知识 ❤️
    • ❤️ 业余爱好物联网开发者,有简单技术基础,想针对硬件功能构造简单的服务器❤️

    技术要求

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

    专栏介绍

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

    学习交流群

    • NodeJs物联网五天入门学习之旅(搜索:729040020

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

    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("服务器启动成功");
    });
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    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,支持热重载代码。

  • 相关阅读:
    C++进阶篇2---多态
    链接脚本(1) --- 在默认的链接脚本中插入段
    丹麦技术大学首创将量子计算应用于能源系统潮流建模
    wu-ui-uniapp 多平台快速开发的UI框架
    mac照片肖像美容ON1 Portrait AI 2023
    如何实现上拉加载,下拉刷新?
    数字孪生助力轨道交通安保可视化应用
    【计算机毕业设计】36.网易购商城购物平台源码
    深度学习手写简单的lstm
    【机器学习】最大期望算法(EM)
  • 原文地址:https://blog.csdn.net/weixin_44614230/article/details/126396220