在Visual Studio Code中运行npm命令


71

反正是有执行的npmVisual Studio代码中的命令(使用f1>Windows上(10))来安装软件包我的文件夹,我的工作?

我已经安装了npm,并且继续需要从以下位置安装npm软件包 cmd

Answers:


85

安装

  • 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命令。

9
在法语键盘上:“使用Ctrl +`键盘快捷键。” 变成“ Ctrl +ù”
Pascal Ganaye '16

2
在Mac上,使用'Cmd的+ R Shift + R'
Vishwas Shashidhar

6
请提供从市场扩展的链接。我没有找到这样的扩展名。它不存在。
dev-siberia

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

注意:如果要从Anaconda Navigator启动VS Code,则还需要重新启动导航器。
罗伯特·普赖斯

38

您可以直接在终端(ctrl +`)中运行npm命令。确保终端已将cmd.exe作为选定的外壳。

您可以按照以下步骤将cmd.exe默认为外壳程序。

  1. Ctrl + Shift + P
  2. 输入>选择默认Shell + Enter
  3. 选择>命令提示符... cmd.exe
  4. 重新启动VS Code。

5
即使我现在已经安装了几处Exexitions,但我还是会强迫npm他们参加这次旅行。.此技巧对我不起作用。我所有的:'npm' is not recognized as an internal or external command, operable program or batch file.
bkwdesign

7
好的。我什至没有安装Node.js。根据本文,我意识到这是我的第一步,因为不会自动安装带有VS Code的代码
bkwdesign

15

打开Visual Studio代码时,可能会安装node.js。成功安装node.js后,只需关闭VS代码,然后再次启动即可。会的。谢谢


2
注意 restart the application不是reload window。至少从VSC 1.31.1开始,这是正确的。虽然这个答案指出restart the application我希望能够通过一个解决办法reload window
Itanex

注意:“关闭VS代码”意味着关闭所有窗口:)
Daddy32 '20

8

您需要做的就是在“用户设置”窗口中将args添加到集成终端。

请按照以下步骤操作:

  1. 项目清单
  2. 转到“用户设置”
  3. 搜索名为“ terminal.integrated.shellArgs.windows”的设置
  4. 通过将其复制到右侧来编辑此设置。
  5. 添加以下arg值=“ / k nodevars.bat”,例如 "terminal.integrated.shellArgs.windows": ["/k nodevars.bat"],
  6. 确保将名为“ terminal.integrated.shell.windows”的设置设置为值-“ C:\ Windows \ system32 \ cmd.exe”。如果没有,那就这样做。
  7. 打开新的终端。

祝好运


8

原因之一可能是如果在启动vs代码之后安装节点,因为集成或外部的vs代码终端采用了启动vs代码时的路径值,并给您错误:

无法将“节点”识别为内部或外部命令,可操作程序或批处理文件。

只需重新启动vs代码即可解决此问题。


6

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


5
  1. 编辑用户设置文件settings.json
    • 设置>搜索settings.json>在中编辑settings.json
    要么
    • 运行>输入 %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


2

要在VS Code上安装npm:

  1. 点击Ctrl + P
  2. 编写ext install npm脚本运行程序
  3. 在结果列表中,查找npm'“ VS Code的npm命令”。此npm管理命令。单击安装,然后重新加载VS代码以保存更改
  4. 重新启动VS Code
  5. 在集成终端上,运行“ npm install”

至于现在,日期2018年8月20日,最新的版本是0.3.5
莒光

2
对我不起作用!VSCode Terminal一直在说bash: np: command not found。你有什么建议?感谢您对此的任何帮助。(提示:我的npm cmds在Mac Terminal下可以正常工作。但是它们绝对不能在VSCode Terminal下工作-即使按照上面的步骤操作也是如此。)我尝试运行Angular cmds,例如np version,它们在VSCode Terminal下不工作。我在Mac上。知道为什么吗?
iKK

1

安装Node.js之后,我也发生了同样的事情。在PowerShell和命令提示符中识别出Node和npm,但在VS Code中则不识别。我通过将Node.js安装路径添加到系统的环境PATH变量来修复它。我系统上的node.js安装路径为:

C:\ Program档案\ nodejs

我在哪里找到node.exe那是需要的。用户的PATH变量已经具有Node.js安装路径,但由于某些原因,VS Code需要在系统的目录中安装Node.js安装路径。PATH变量中。

Windows 10说明:

  1. Windows键并输入“环境”
  2. 选择“编辑系统环境变量”
  3. 单击标记为“环境变量...”的按钮
  4. 在“系统变量”部分中,编辑“路径”变量
  5. 将Node.js安装路径添加到列表(C:\ Program Files \ nodejs)

其他答案很好,但这是修复它的另一种方法,它对我有用,而无需安装东西,以管理员身份运行或更改默认设置。


1

VSCode User Setup是一个新安装程序,它将VSCode及其依赖项安装在不需要系统级/管理员权限进行修改的目录中。这是因为New VSCode具有用户特权。您的Nodejs安装添加了npm的路径作为VSCode无法读取的系统变量。

将NPM路径添加到User变量中的Path变量,您将能够从集成命令行运行NPM。


0

有一个扩展名npm Script runner。我自己还没有尝试过。


3
如果您没有尝试过此扩展程序,为什么要推荐它?

0

作为上述建议的替代方法,如果您安装了Powershell,则可以直接在终端上调用它。即setting.json按如下方式编辑相应的值:

"terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"

我发现在正确配置环境的情况下,此方法效果很好。


0

打开标准终端ctrl + p并粘贴此命令

npm i script-runner

需要查看此日志,npm应该在常规shell中的节点repl外部运行。(按Ctrl-D退出。)

(要退出,请再次按^ C或键入.exit)

C:\ DW \ Examples \ Ang.Crud> npm i脚本运行程序npm WARN saveError错误提示:没有这样的文件或目录,打开'C:\ DW \ Examples \ Ang.Crud \ package.json'npm通知创建了一个锁定文件package-lock.json。您应该提交此文件。npm WARN enoent ENOENT:无此类文件或目录,打开'C:\ DW \ Examples \ Ang.Crud \ package.json'npm WARN Ang.Crud没有描述npm WARN Ang.Crud没有存储库字段。npm WARN Ang.Crud没有自述数据npm WARN Ang.Crud没有许可证字段。

  • script-runner@0.1.8添加了5个贡献者的7个程序包,并在2.955s中审核了7个程序包,发现了0个漏洞

用法:npm

其中之一是:访问,添加用户,审计,bin,bug,c,缓存,ci,cit,完成,配置,创建,ddp,重复数据删除,不赞成使用,dist-tag,docs,doctor,doctor,edit,explore,get,help ,帮助搜索,挂钩,i,初始化,安装,安装测试,链接,列表,ln,登录,注销,ls,过时,所有者,包,ping,前缀,配置文件,修剪,发布,rb,重建,回购,重新启动,root,运行,运行脚本,s,se,搜索,设置,shrinkwrap,星级,星级,开始,停止,t,团队,测试,令牌,tst,un,卸载,取消发布,取消星级,向上,更新,v,版本,视图,whoami

npm -h npm -l快速帮助显示完整的使用情况信息npm help搜索有关npm help的帮助npm涉及的概述

在ini格式的文件中指定配置:C:\ Users \ fdc.npmrc或在命令行上通过以下方式指定:npm --key value可以通过以下方式查看配置信息:npm help config

npm@6.4.1 C:\ Program Files \ nodejs \ node_modules \ npm


-1

您必须执行以下3个步骤来解决问题:

1.Download Node.js的从这里

  1. 安装它,然后将路径C:\ Program Files \ nodejs添加到您的系统变量中。

  2. 然后重新启动Visual Studio代码编辑器。

快乐的代码

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.