在Visual Studio Code中运行npm命令

Running npm command within Visual Studio Code

在Windows(10)上的Visual Studio代码中是否有执行npm命令(使用f1>的方式)将程序包安装到我正在使用的文件夹中的方法?

我已经安装了npm,并且继续需要从cmd

安装npm软件包。


安装

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


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

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

  • Ctrl Shift p
  • 输入>选择默认Shell输入
  • 选择>命令提示符... cmd.exe
  • 重新启动VS Code。

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


    您需要做的就是在\\'User Settings \\'窗口中向集成终端添加args。

    请按照以下步骤操作:

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


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

    'node' is not recognized as an internal or external command,operable
    program or batch file.

    简单地重新启动vs代码即可解决此问题。


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


  • 编辑用户设置文件settings.json

    • 设置>搜索settings.json>在settings.json中编辑

    或者

    • 运行>键入%APPDATA%\\Code\\User\\settings.json
  • 复制此代码

    {
    "terminal.integrated.shell.windows":"C:\\\\Windows\\\\System32\\\\cmd.exe",
    "terminal.integrated.shellArgs.windows": ["/k nodevars.bat"]
    }

  • 重新启动VS Code

  • 我在Visual Studio代码之后安装了npm,关闭了所有Visual Studio实例,然后再次打开,它开始工作。


    要在VS Code上安装npm,请执行以下操作:

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

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

    Adding NPM path to Path variable in the User variable, you will be able to run NPM from the integrated command line.


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

    C:\\Program Files\
    odejs

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

    Windows 10说明:

  • Windows键,然后键入"环境"
  • 选择"编辑系统环境变量"
  • 单击标签为"环境变量..."的按钮。
  • 在"系统变量"部分中,编辑"路径"变量
  • 将Node.js安装路径添加到列表(C:\\\\\\\\ Program Files \\\\
    odejs)
  • 其他答案很好,但这是修复它的另一种方法,它对我有用,无需安装东西,以管理员身份运行或更改默认设置。


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


    尝试安装VS代码提供的PowerShell扩展。

    PowerShell Extension

    安装后,单击PowerShell,它将启动新的PowerShell控制台,您可以在其中运行所有脚本

    PowerShell Console


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

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

    我发现这在正确配置环境的情况下效果很好。


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

    1
    npm i script-runner

    Need to see this logs npm should be run outside of the node repl,
    in your normal shell. (Press Control-D to exit.)

    (To exit, press ^C again or type .exit)

    C:\\\\\\\\ DW \\\\\\\\\\ Examples \\\\\\\\ Ang.Crud> npm i脚本运行程序npm WARN saveError ENOENT:
    没有此类文件或目录,请打开\\'C:\\\\\\\\ DW \\\\\\\\ Examples \\\\\\\\ Ang.Crud \\\\\\\\ package.json \\'
    npm通知创建了一个锁定文件,如package-lock.json。你应该犯
    这个文件。 npm WARN ENTENT ENOENT:没有此类文件或目录,请打开
    \\'C:\\\\\\\\ DW \\\\\\\\ Examples \\\\\\\\ Ang.Crud \\\\\\\\ package.json \\'npm WARN Ang.Crud否
    描述npm WARN Ang.Crud没有存储库字段。 npm WARN Ang.Crud
    没有自述文件npm WARN Ang.Crud没有许可证字段。

    • [email protected]添加了5个贡献者的7个程序包,并在2.955s中审核了7个程序包,发现了0个漏洞

    用法:npm

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

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

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

    [email protected] C:\\\\\\\\ Program Files \\\\
    odejs \\\\
    ode_modules \\\\
    pm


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

    1。从此处下载Node.js.

  • 安装它,然后添加路径C:\\\\\\\\ Program Files \\\\
    odejs到您的系统变量。

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

  • 快乐代码