讲师中心 微信公众号
AI工具推荐 视频效率加速

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

小磊小哥_9411

小磊小哥_9411

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

|

254人浏览过

|

来源于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 文件

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

Revealjs Presentations
Revealjs Presentations

创建、编辑并部署 reveal.js 演示文稿为单个 HTML 文件,可选自定义 CSS。适用于需要制作演示文稿、幻灯片或宣传材料时使用。

下载
  • 新建文件夹,用 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)扩展比原生调试更轻量,适合脚本类开发。

  • 在 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 终端里行为一致,剩下的都是水到渠成的事。

热门AI工具

更多
咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

相关专题

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

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

1955

2023.08.07

json是什么
json是什么

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

2642

2023.08.23

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

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

916

2023.10.13

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

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

2939

2025.09.10

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

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

3796

2023.06.20

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

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

1195

2023.07.28

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

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

1538

2023.08.03

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

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

9243

2023.08.17

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

20

2026.09.23

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Buffalo框架快速入门指南
Buffalo框架快速入门指南

共0课时 | 0人学习

Valgrind支持平台说明
Valgrind支持平台说明

共0课时 | 0人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn