【Node.js入门】1.3 开始开发Node.js应用程序

1.3 开始开发Node.js应用程序

学习目标

(1)熟悉开发工具Visual Studio Code的基本使用;

(2)掌握Node.js应用程序的编写、运行和调试的基本方法。

构建第一个 Node.js应用程序

代码

js 复制代码
const http = require("http");//导入http模块

const httpServer = http.createServer(function(req,res){
    //设置响应头信息Content-Type设置为"text/html",
    //这样浏览器就会将响应内容解析为HTML。
    res.writeHead(200,{'Content-Type' : 'text/html'});
    // 发送响应数据
    res.end("<h1>hello world !</h1>")
})

const port = 3000;
httpServer.listen(port,function(){
    //向终端输出如下信息
    console.log(`服务器,已启动: http://localhost:${port}`);
})

运行测试

在终端窗口中运行程序进行测试,并通过浏览器访问Web应用程序访问测试。

运行 Node.js 程序

使用node命令运行Node.js程序

  • node命令语法
    node [Sections] [ -e script | script.js | - ] [arguments]
  • 运行当前目录下的index.js脚本文件,可以使用点号代替index.js: node . 相当于 node index.js
  • 按下+组合键终止正在运行的Node.js程序。
  • 选项-e(--eval)表示直接执行某语句:
    node -e "console.log('Hello World!);"

使用npm命令运行Node.js程序

js 复制代码
//test.js
console.log("test")
js 复制代码
//demo.js
console.log("demo")
package.json
json 复制代码
{
  "name": "ch02",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node demo.js",
     "test": "node test.js"
  }
}
演示动图

使用nodemon热启动

什么是nodemon :nodemon是一个用于开发环境的Node.js应用程序的工具,它可以监视文件改动并自动重启Node.js程序 。

  • 安装该模块
    npm i nodemon -g
  • 监控并运行Node.js程序
    nodemon your-app.js

调试 Node.js 程序

使用日志工具进行调试

  • 使用console.log()方法检查变量或字符串的值,记录脚本调用的函数,或记录来自第三方服务的响应。
  • 使用console.warn()或console.error()方法记录警告或错误信息。

使用Node.js内置调试器

Node.js内置一个进程外的调试实用程序,可通过V8检查器和内置调试客户端访问。

第一步:需要先在代码中插入 debugger

debuggerDemo.js 示例

js 复制代码
//debuggerDemo.js
global.x = 5;
setTimeout(() => {   //此处用到的回调函数的形式是箭头函数,() =>相当于function()
  debugger;
  console.log('world');
}, 1000);
console.log('hello');

第二步:执行node命令时加上inspect参数,指定要调试的脚本的路径。.
node inspect .\debuggerDemo.js

在Visual Studio Code中调试Node.js程序

调试步骤

(1)设置调试配置文件。关键是设置program属性,使其指向要运行的脚本文件。

(2)设置断点。

(3)根据需要设置监视器。

(4)启动该脚本的调试。

调试器执行方式



相关推荐
Ztiddler8 小时前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端青山9 小时前
webpack进阶(一)
前端·javascript·webpack·前端框架·node.js
老攀呀11 小时前
安装多个nodejs版本(nvm)
node.js
佚名程序员11 小时前
【Node.js】全面解析 Node.js 安全最佳实践:保护您的应用
安全·node.js
zxg_神说要有光1 天前
快速入门 AI:调用 AI 接口生成 React 组件
前端·javascript·node.js
佚名程序员1 天前
【Node.js】深入理解 V8 JavaScript 引擎
前端·javascript·node.js
赵闪闪1681 天前
Node.js 安装与开发环境配置全指南
node.js
前端与小赵1 天前
什么是Webpack,有什么特点
前端·webpack·node.js
生椰拿铁You1 天前
03 —— Webpack 自动生成 html 文件
前端·webpack·node.js
赵闪闪1681 天前
Node.js 安装与环境配置详解:从入门到实战
node.js·编辑器·vim