0

0

如何在VSCode中创建与运行Node.js应用?【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-20 21:43:01

|

194人浏览过

|

来源于php中文网

原创

VSCode不运行Node.js,执行依赖本地安装的node命令;需先在系统终端验证node --version和npm --version有输出,若报错则重装Node.js并勾选“Add to PATH”;VSCode内置终端默认复用系统PATH,配置变更后可能需重启。

如何在vscode中创建与运行node.js应用?【教程】

VSCode 本身不运行 Node.js,它只是编辑器;真正执行靠的是你本地已安装的 node 命令。只要终端能跑 node --version,VSCode 就能调用它——关键不在 VSCode 设置,而在环境是否就绪。

确认 Node.js 已正确安装并可用

这是最常被跳过的一步,也是后续所有失败的根源。很多人以为装了 VSCode 就等于能写 Node.js,其实 VSCode 和 Node.js 完全无关。

  • 打开系统终端(macOS/Linux 用 Terminal,Windows 用 PowerShell 或 CMD),输入 node --versionnpm --version,必须有输出(如 v20.11.1
  • 如果报错 command not found'node' is not recognized,说明 Node.js 没装,或没加进系统 PATH —— 此时重装 Node.js(推荐从 nodejs.org 下载 LTS 版),勾选 “Add to PATH” 选项
  • VSCode 内置终端(Ctrl+`)默认复用系统 shell 环境,但如果你改过 shell 配置(比如用了 zsh + nvm),可能需要重启 VSCode 才能加载新 PATH

在 VSCode 中新建并运行一个最简 Node.js 文件

不需要插件、不需要配置文件,纯手工创建也能立即运行。

  • 新建文件夹,用 VSCode 打开(File → Open Folder
  • 右键 → New File,命名为 index.js
  • 写入以下内容:
console.log('Hello from Node.js in VSCode');
  • 保存文件(Ctrl+S),然后在 VSCode 内置终端中执行:node index.js
  • 看到输出即表示成功。别急着配调试器或任务,先确保这一步通了

用 VSCode 的 Run Code 扩展快速执行(可选但实用)

如果你习惯按快捷键一键运行,Run Code(by Jun Han)扩展比原生调试更轻量,适合脚本类开发。

PHP与MySQL程序设计3
PHP与MySQL程序设计3

本书是全面讲述PHP与MySQL的经典之作,书中不但全面介绍了两种技术的核心特性,还讲解了如何高效地结合这两种技术构建健壮的数据驱动的应用程序。本书涵盖了两种技术新版本中出现的最新特性,书中大量实际的示例和深入的分析均来自于作者在这方面多年的专业经验,可用于解决开发者在实际中所面临的各种挑战。 本书内容全面深入,适合各层次PHP和MySQL开发人员阅读,既是优秀的学习教程,也可用作参考手册。

下载
  • 在 VSCode 扩展市场搜 Code Runner,安装后重启(或重载窗口)
  • 打开 index.js,右上角会出现 ▶️ 按钮,或按 Ctrl+Alt+N(Windows/Linux) / Cmd+Option+N(macOS)
  • 注意:它默认用 node 运行 .js 文件,但不会自动读取 package.jsonscripts,也不支持断点调试
  • 如果执行报错 Cannot find module,大概率是当前工作目录不对 —— 右键文件 → Run Code in Current Folder,或手动 cd 到项目根目录再运行

调试 Node.js 应用时常见陷阱

VSCode 调试功能强大,但默认配置容易踩坑,尤其对新手。

  • 点击左侧调试图标(或 Ctrl+Shift+D),再点顶部的「运行和调试」→「创建 launch.json 文件」→ 选 Node.js → 选 node.js (preview)(新版推荐)
  • 生成的 .vscode/launch.json 默认配置里 "program" 指向 "${file}",意味着它只调试当前打开的文件 —— 如果你的入口是 src/index.js,但当前打开的是 test.js,就会调试错文件
  • 想固定调试入口,把 "program" 改成:"${workspaceFolder}/index.js"
  • 调试时若卡在 Waiting for the debugger to disconnect...,通常是 Node.js 版本太高(v20+)与旧版调试协议不兼容,可尝试在 launch.json 中加一行:"runtimeExecutable": "node", "runtimeArgs": ["--inspect-brk"]

真正卡住人的往往不是“怎么配”,而是“为什么终端能跑,VSCode 终端却报 command not found”——问题几乎全出在 PATH 加载时机或 shell 初始化逻辑上。先让 node 在系统终端和 VSCode 终端里行为一致,剩下的都是水到渠成的事。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

413

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

533

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

310

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

75

2025.09.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

510

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

244

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

258

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

5286

2023.08.17

Java JVM 原理与性能调优实战
Java JVM 原理与性能调优实战

本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

19

2026.01.20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 7.5万人学习

Git 教程
Git 教程

共21课时 | 2.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号