vscode配置node.js调试环境

node.js基于VSCode的开发环境的搭建非常简单。

说明:本文的前置条件是已安装好node.js(具体安装不再赘述,如有需要可评论区留言)。

阅读本文可掌握:

  1. 方便地进行js单步调试;
  2. 方便地查看内置的对象或属性;

安装插件

  • Code Runner(可选)

  • JavaScript(ES6) code snippets

hello world

新建一个workspace,编写一个简单的hello world代码,使用vscode来运行调试。

此时,点击"F5"运行,会弹出提示框,找不到解释器。

根据提示,只需要保证PATH环境变量有node的可执行程序即可。也可以在launch.json中配置"runtimeExecutable"。

launch.json

简单的启动配置

json 复制代码
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch js",
            "program": "${workspaceFolder}/hello.js",
            "request": "launch",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "node"
        }

    ]
}

Run

点击"Launch js"运行hello.js

输出结果:

OK,基于VS Code的js运行环境就搭建完成啦!此处是直接执行完了,若要打断点,进行debug要怎么操作呢?

Debug

运行后,程序在第1行的断点处暂停了。

相较于纯命令行方式的运行,借用vscode可以非常方便的看到一些内置信息。当我们执行"step over"后,可以观察变量v1的值发生了变化,同时"hello,javascript"也在终端打印了出来。

简单的运行环境搭建好了,可能自然的会产生一个疑问,如果是更复杂的工程项目,要怎样运行、调试呢?后面有空再结合具体的实例写一些博客。

相关推荐
傻小胖2 小时前
Node.js 模块导入的基本流程
node.js
魔云连洲3 小时前
详解Node.js中的setImmediate()函数
node.js
斗转星移34 小时前
Ubuntu20.04 中使用vscode中编辑查看PlantUML
linux·vscode·uml·plantuml
聂 可 以5 小时前
调整IntelliJ IDEA当前文件所在目录(包路径)的显示位置
java·ide·intellij-idea
人猿泰飞6 小时前
【初识Trae】字节跳动推出的下一代AI原生IDE,重新定义智能编程
ide·ai-native·trae·ai原生ide
百锦再6 小时前
Android Studio开发 SharedPreferences 详解
android·ide·android studio
timing9947 小时前
LVGL在VScode的WSL2中仿真
ide·vscode·编辑器
未来之窗软件服务8 小时前
声音分离人声和配乐-从头设计数字生命第4课——仙盟创梦IDE
ide·仙盟创梦ide·数字生命
躲在云朵里`8 小时前
IDEA搭建环境的五种方式
java·ide·intellij-idea
Zhuai-行淮9 小时前
vscode和git 踩坑
ide·git·vscode