在VSCode中为Linux虚拟机配置Node环境教程

夏瑶吖_6148

夏瑶吖_6148

2026-07-10

713人浏览

原创

node.js必须在linux虚拟机独立安装且vscode终端能执行node -v和npm -v才算有效配置;常见问题包括apt安装的nodejs需软链接为node、nvm未配置shell初始化文件、vscode桌面启动不加载环境变量、launch.json中program应设为"${file}"或真实路径、npm全局路径须避开共享目录并配国内镜像。

在vscode中为linux虚拟机配置node环境教程

Node.js 必须在 Linux 虚拟机里独立安装,VSCode 本身不带运行时;装完 node -v 和 npm -v 在任意终端(包括 VSCode 内置终端)都能执行成功,才是有效配置的起点。

node -v 报 command not found 的真实原因

这不是 VSCode 的问题,而是 Linux shell 环境变量没生效。常见情况有:

  • 用 sudo apt install nodejs 安装的版本通常叫 nodejs,不是 node —— 需手动创建软链接:sudo ln -s /usr/bin/nodejs /usr/bin/node
  • 用 curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - 安装后,which node 输出为空 —— 检查 /etc/apt/sources.list.d/nodesource.list 是否存在且内容正确,再执行 sudo apt update && sudo apt install -y nodejs
  • 用 nvm 安装但未在 ~/.zshrc(或 ~/.bashrc)末尾添加:export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" —— 缺这行,新开终端就找不到 node
  • VSCode 是从桌面图标启动的,没加载 shell 配置 —— 改用终端执行 code . 启动,才能继承当前 shell 的 PATH

launch.json 中 program 字段别写死成 app.js

VSCode 自动生成的调试配置常设 "program": "${workspaceFolder}/app.js",但你实际要调试的是 server.js 或 index.js,F5 就失败。更通用的做法是:

Zynq Linux Hardware Debug
Zynq Linux Hardware Debug

Zynq‑7000 / Zynq UltraScale+ 硬件调试技能。适用于 Xilinx Zynq(Cortex‑A9/A53 + FPGA)Linux 环境,调试 I2C、I2S、UART、GPIO 等外设。包括设备树配置、内核驱动、用户空间调试工具、交叉编译和常见问题排查,支持 PetaLinux 开发。

下载
  • 直接改成 "program": "${file}" —— 调试当前打开的 JS 文件,无需切换入口
  • 如果项目有固定入口(如 src/main.js),用 "program": "${workspaceFolder}/src/main.js",但注意路径必须存在且可读
  • 务必确认文件已保存 —— VSCode 调试器不会自动保存,Ctrl+S 必须手动按
  • 若用 ES Module("type": "module" 在 package.json 中),确保 Node 版本 ≥14.18,否则 import 会报错

npm 全局模块装到虚拟机共享目录会出问题

Linux 虚拟机常挂载 Windows 共享文件夹(如 /mnt/hgfs/Projects),但 npm 全局安装不能放在这里:

  • npm install -g nodemon 若全局路径设为共享目录,会因权限或文件系统限制失败(常见错误:EPERM: operation not permitted)
  • 正确做法:改全局路径到用户主目录下,例如:npm config set prefix "$HOME/.local",再把 $HOME/.local/bin 加进 PATH(写入 ~/.zshrc)
  • 验证:npm config get prefix 应输出 /home/username/.local,echo $PATH 应含该路径
  • 国内源必须配:npm config set registry https://registry.npmmirror.com,否则 npm install 极慢甚至超时

最容易被忽略的是:VSCode 终端是否真正继承了你 shell 里生效的 PATH 和 npm 配置。哪怕 which node 在系统终端返回正确路径,在 VSCode 里仍可能失效 —— 这时不要反复重装,先关掉所有 VSCode 窗口,用终端执行 code . 重新打开项目。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

1335

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

2792

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1949

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1727

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

2607

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1818

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1242

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1116

8

vscode设置中文界面不生效解决方法
vscode设置中文界面不生效解决方法

vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

474

5

热门下载

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

精品课程

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