在 Visual Studio Code 中运行 npm 命令

Question

有没有办法在 Windows（10）中使用 Visual Studio Code（通过 f1 进入 >）执行 npm 命令，从而安装包到我工作的文件夹中？

我已经安装了 npm，但我不断地要从 cmd 安装 npm 包。

- garfbradaz

Answer 1

安装

• Ctrl+P，输入 ext install npm script runner
• 重启 VS Code

使用（两种方式）

• Ctrl+R Shift+R
• Ctrl+P，输入 >npm，选择 run script，选择所需任务

---

更新：自 1.3 版本以来，Visual Studio Code 已经集成了终端。使用以下任一方法打开：

• 使用 Ctrl+` 快捷键。
• 使用查看 | 切换终端菜单命令。
• 从命令面板（Ctrl+Shift+P），使用 View:Toggle Integrated Terminal 命令。

- Javiere

---

在法语键盘上，“使用 Ctrl+` 键盘快捷键”变成了“Ctrl+ù”。 - Pascal Ganaye

在 Mac 上，使用“Cmd+R Shift+R”。 - Vishwas Shashidhar

请提供市场上该扩展的链接。我没有找到这样的扩展程序。它不存在。 - dev-siberia

@dev-siberia自1.3版本以来就不需要任何扩展了。只需按照更新答案中描述的说明进行操作即可。Ctrl + ` - Javiere

注意：如果您从Anaconda Navigator启动VS Code，则还需要重新启动Navigator。 - Robert Price

Answer 2

你可以直接在终端（ctrl + `）中运行npm命令。确保终端选择了cmd.exe作为shell。

按照以下步骤将cmd.exe设置为默认shell。

1. 按下ctrl+Shift+p

2. 输入> Terminal: Select Default Profile + Enter

   [旧版本的VSCode] 输入> Select Default Shell + Enter

3. 选择> Command Prompt ...cmd.exe

4. 重新启动VS Code。

- IKriKan

---

尽管我现在安装了几个扩展，我以为这会强制 npm 跟随一起安装，但是这个提示对我并没有用。我收到的只有： 'npm' 不是内部或外部命令，也不是可运行的程序或批处理文件。 - bkwdesign

好的，我还没有安装Node.js。根据这篇文章，我意识到这是我的第一步，因为它没有自动与VS Code一起安装。 - bkwdesign

我本以为我已经拥有 Node，因为我已经安装了带有 Node 工作负载的 VS 2022。不确定为什么我还需要再次安装它。 - tnk479

Node并不是Visual Studio的必需品。但你仍然可以在CMD中使用这个命令来验证你的PC上是否已安装Node > node -v - IKriKan

截至VS Code 1.8版本，"选择默认的Shell"选项不可用。 - Jay Imerman

谢谢告知，我已经在这里更新了最新的选项。 - undefined

Answer 3

有可能您安装node.js时，Visual Studio Code仍然处于打开状态。一旦成功安装node.js，请关闭VS Code并重新启动。它将会工作。

谢谢！

- Ashish Ahuja

---

请注意，需要重新启动应用程序而不是重新加载窗口。至少在 VSC 1.31.1 中是这样的。尽管此答案指出需要“重新启动应用程序”，但我本来希望通过“重新加载窗口”来解决此问题。 - Itanex

请关闭所有的 VS Code 窗口。 - Daddy32

这是我的问题。现在已经解决了。谢谢！ - Mayur Patel

Answer 4

在Win10上，我必须以管理员身份运行VSCode才能运行npm命令。

- DuFuS

---

这个成功了！哈哈 - rapport89

谢谢，这也适用于 Windows 11。 - Kishor K

Answer 5

您只需要在“用户设置”窗口中的终端中添加args即可。

跟随以下步骤进行操作：

1. 打开“用户设置” 2. 搜索名为“terminal.integrated.shellArgs.windows”的设置 3. 将其复制到右侧以编辑此设置 4. 添加以下arg值 = "/k nodevars.bat"，例如 "terminal.integrated.shellArgs.windows": ["/k nodevars.bat"], 5. 确保设置名为“terminal.integrated.shell.windows”的设置为“C：\ Windows \ system32 \ cmd.exe”。如果没有，请进行更改。 6. 打开新终端。

祝您好运！

- benshabatnoam

Answer 6

可能的原因之一是在启动vs code后安装了node，因为vs code终端（集成或外部）采用启动vs code时的路径值，并给出错误：

'node' 不是内部或外部命令，也不是可运行的程序或批处理文件。

简单地重新启动vs code即可解决问题。

- Musab

Answer 7

我在安装Visual Studio Code之后安装了npm，关闭了所有的Visual Studio实例并重新打开，然后它开始正常工作了。

- Manish Sadhwani

---

这不是一个修复/相关的建议。请重构你的答案。 - user9016207

Answer 8

1. 编辑用户设置文件 settings.json.
   
   • 依次点击：Settings(设置) > 搜索 settings.json > 在 settings.json 中进行编辑
   或者
   • 点击运行( Run ) > 输入 %APPDATA%\Code\User\settings.json
2. 复制以下代码
   { "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "terminal.integrated.shellArgs.windows": ["/k nodevars.bat"] }
3. 重启 VS Code

- Gaurav Chavan

Answer 9

安装npm到VS Code:

1. 按下Ctrl+P
2. 输入ext install npm script runner
3. 在结果列表中查找npm 'npm commands for VS Code'。该npm管理命令。点击安装，然后重新加载VS Code以保存更改
4. 重新启动VS Code
5. 在终端中运行'npm install'

- JNgugi

---

截止到2018年08月20日，最新版本为0.3.5。 - Juguang

不适用于我！VSCode 终端一直显示 bash: np: command not found。你有什么建议吗？感谢任何帮助。（提示：我的 npm 命令在 Mac 终端下工作良好，但在 VSCode 终端下绝对不起作用 - 即使在按照您上面的步骤后）。我试图运行 Angular 命令，例如 np version，但它们在 VSCode 终端中无法工作。而我使用的是 Mac。有什么想法为什么会这样？ - iKK

Answer 10

安装了Node.js后，我在PowerShell和命令提示符中识别出了Node和npm，但在VS Code中却没有。为解决此问题，我将Node.js安装路径添加到系统的环境变量“PATH”中。我的系统中node.js的安装路径是：C:\Program Files\nodejs。在此路径下，我找到了所需的node.exe文件。用户的“PATH”变量已经包含了Node.js的安装路径，但由于某种原因，VS Code需要将Node.js的安装路径添加到系统的“PATH”变量中。

Windows 10 操作步骤如下： 1. 按下Windows键并输入“environment”。 2. 选择“编辑系统环境变量”。 3. 单击标有“环境变量...”的按钮。 4. 在“系统变量”部分编辑“Path”变量。 5. 将Node.js的安装路径添加到列表中（C:\Program Files\nodejs）。

其他答案也很好，但这是我使用的另一种方法，无需安装任何东西、以管理员身份运行或更改默认设置即可解决问题。

- Arckaroph