【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)启动该脚本的调试。

调试器执行方式



相关推荐
danplus22 分钟前
node发送邮件:如何实现Node.js发信功能?
服务器·node.js·外贸开发信·邮件群发·蜂邮edm邮件营销·邮件接口·营销邮件
青稞儿27 分钟前
面试题高频之token无感刷新(vue3+node.js)
vue.js·node.js
一个很帅的帅哥13 小时前
实现浏览器的下拉加载功能(类似知乎)
开发语言·javascript·mysql·mongodb·node.js·vue·express
Bang邦17 小时前
使用nvm管理Node.js多版本
前端·node.js·node多版本管理
新知图书17 小时前
Node.js快速入门
node.js
FakeOccupational18 小时前
nodejs 007:错误npm error Error: EPERM: operation not permitted, symlink
前端·npm·node.js
亦舒.18 小时前
JSDelivr & NPM CDN 国内加速节点
前端·npm·node.js
代码搬运媛18 小时前
code eintegrity npm err sha512
前端·npm·node.js
猿来如此呀1 天前
运行npm install 时,卡在sill idealTree buildDeps没有反应
前端·npm·node.js
八了个戒1 天前
Koa (下一代web框架) 【Node.js进阶】
前端·node.js