【问题标题】:Running npm command within Visual Studio Code在 Visual Studio Code 中运行 npm 命令
【发布时间】:2016-06-04 11:29:58
【问题描述】:

是否有在 Windows(10) 上的 Visual Studio Code 中执行 npm 命令(使用 f1>)来将软件包安装到我正在工作的文件夹中?

我已经安装了 npm,但我一直不得不从 cmd 安装 npm 包

【问题讨论】:

    标签: npm visual-studio-code


    【解决方案1】:

    有一个可用的扩展,npm Script runner。不过我自己没试过。

    【讨论】:

    • 如果你没有尝试过这个扩展,你为什么推荐它?
    【解决方案2】:

    安装

    • Ctrl+P,写ext install npm script runner
    • 重启 VS 代码

    使用(两种方式)

    • Ctrl+R Shift+R
    • Ctrl+P,写>npm,选择run script,选择需要的任务

    更新:自 1.3 版以来,Visual Studio Code 已集成终端。要打开它,请使用以下任何一种方法:

    • 使用 Ctrl+` 键盘快捷键。
    • 使用视图 |切换集成终端菜单命令。
    • 从命令面板 (Ctrl+Shift+P),使用 View:Toggle Integrated Terminal 命令。

    【讨论】:

    • 在法语键盘上:“使用 Ctrl+` 键盘快捷键。”变成“Ctrl+ù”
    • 在 Mac 上,使用 'Cmd+R Shift+R'
    • 请提供市场上的扩展链接。我没有找到这样的扩展。它不存在。
    • @dev-siberia 自 1.3 版本以来不需要任何扩展。只需按照更新答案中描述的说明进行操作即可。 Ctrl + `
    • 注意:如果您从 Anaconda Navigator 启动 VS Code,您还需要重新启动 navigator。
    【解决方案3】:

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

    您可以按照以下步骤默认 cmd.exe 作为您的 shell。

    1. ctrl+Shift+p
    2. 类型 > 选择默认 Shell + Enter
    3. 选择 > 命令提示符...cmd.exe
    4. 重启 VS Code。

    【讨论】:

    • 尽管我现在已经安装了几个扩展,但我会强迫npm 一起来搭便车.. 这个提示对我不起作用。我得到的都是:'npm' is not recognized as an internal or external command, operable program or batch file.
    • 好吧.. 我什至没有安装 Node.js。 Per this article 我意识到这是我的第一步,因为它不会自动安装 VS Code
    【解决方案4】:

    您需要做的就是在“用户设置”窗口中将 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. 打开新终端。

    祝你好运

    【讨论】:

      【解决方案5】:

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

      'node'不是内部或外部命令,可操作 程序或批处理文件。

      简单重启vs代码即可解决问题。

      【讨论】:

        【解决方案6】:

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

        【讨论】:

        • 这不是一个修复/相关的建议。请重构你的答案。
        【解决方案7】:

        在 VS Code 上安装 npm:

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

        【讨论】:

        • 截至目前,日期2018-08-20,最新版本为0.3.5
        • 对我不起作用! VSCode 终端一直说bash: np: command not found。你有什么建议?感谢您对此的任何帮助。 (提示:我的 npm cmds 在 Mac 终端下运行良好。但它们绝对不能在 VSCode 终端下运行 - 即使在按照上述步骤操作之后也是如此。)我尝试运行 Angular cmds,例如 np version,但它们在VSCode 终端。我在 Mac 上。知道为什么吗?
        【解决方案8】:

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

        【讨论】:

        • 这成功了!大声笑
        【解决方案9】:

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

        C:\Program Files\nodejs

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

        Windows 10 说明:

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

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

        【讨论】:

          【解决方案10】:

          您可能在 Visual Studio 代码打开时安装了 node.js。 成功安装 node.js 后,只需关闭 VS Code 并重新启动它。它会起作用的。 谢谢

          【讨论】:

          • 注意 restart the application 不是 reload window。至少从 VSC 1.31.1 开始,这是真的。虽然这个答案指出restart the application 我希望能够通过reload window 解决这个问题。
          • 注意:“关闭 VS Code”意味着关闭所有窗口 :)
          【解决方案11】:

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

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

          【讨论】:

            【解决方案12】:
            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 代码

            【讨论】:

              【解决方案13】:

              作为上面建议的某些答案的替代方案,如果您安装了 powershell,则可以直接将其作为终端调用。也就是编辑对应的setting.json值如下:

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

              我发现这很好用,因为环境配置正确。

              【讨论】:

                【解决方案14】:

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

                npm i script-runner
                

                需要查看此日志 npm 应该在节点 repl 之外运行, 在您的正常外壳中。 (按 Control-D 退出。)

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

                C:\DW\Examples\Ang.Crud>npm i 脚本运行程序 npm WARN saveError ENOENT: 没有这样的文件或目录,打开 'C:\DW\Examples\Ang.Crud\package.json' npm notice 创建了一个锁文件作为 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 没有 README 数据 npm WARN Ang.Crud 没有许可证字段。

                • script-runner@0.1.8 添加了来自 5 个贡献者的 7 个包,并在 2.955 秒内审核了 7 个包,发现了 0 个漏洞

                用法:npm

                其中之一是: 访问,adduser,审计,bin,错误,c,缓存,ci,cit, 完成、配置、创建、ddp、重复数据删除、弃用、 dist-tag,文档,医生,编辑,探索,获取,帮助, 帮助搜索,钩子,我,初始化,安装,安装测试,它,链接, 列表,ln,登录,注销,ls,过时,所有者,包,ping, 前缀,配置文件,修剪,发布,rb,重建,回购,重新启动, 根,运行,运行脚本,s,se,搜索,设置,shrinkwrap,星, 星星,开始,停止,t,团队,测试,令牌,tst,联合国, 卸载、取消发布、取消星标、向上、更新、v、版本、查看、 呸呸呸

                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

                【讨论】:

                  【解决方案15】:

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

                  1.从here下载Node.js。

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

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

                  快乐的代码

                  【讨论】:

                    【解决方案16】:

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

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

                    【讨论】:

                      【解决方案17】:

                      对我来说,这个问题在安装扩展 ES7 React/Redux/GraphQL/React-Native sn-ps 后得到修复。我使用的是windows 10和最新版本的VS Code,状态栏右下角出现了一个小解释器图标。

                      【讨论】:

                        【解决方案18】:

                        这两个中的一个可以提供帮助:

                        A) 安装 NodeJS 并重新启动 VScode 后,仍然无法让 npm 工作,然后在 VSCode 中使用“回收”图标 idelete 打开的终端并尝试创建一个新的终端实例。从那一刻起,NPM 应该可以正常工作了

                        B) 如果这没有帮助,则打开提示符 (Ctrl+P) 并输入 >Terminal>Create terminal (with profile) 并创建基于 'cmd/powershell' 的终端。之后,npm 应该可以工作了。

                        【讨论】:

                          【解决方案19】:

                          确保退出现有的终端窗口。它会尝试恢复它,即使您可能已经关闭了 VS Code,您也想关闭终端窗口

                          【讨论】:

                            【解决方案20】:

                            试试这个。

                            npm 在 Visual Studio 代码中不起作用
                            打开 vs code 然后 Ctrl+P -> 输入 - ext install npm script runner
                            你必须选择一个并安装它。
                            安装后请关闭并打开 Visual Studio 代码 并转到 vs code 终端并
                            键入 npm start,浏览器将启动 http://localhost:3000 它的工作很好。谢谢

                            【讨论】:

                              【解决方案21】:

                              好吧,仍然有人在这里,无法解决问题,这是解决方法。

                              1. 检查 VS Code 中的默认终端 (ctrl+ ~)。它应该是 cmd 而不是 Powershell

                                如果是 Powershell,请转到设置 > 功能 > 终端 › 集成 › 默认配置文件:Windows。并选择命令提示符。 或者在搜索设置中输入“默认配置文件”,然后选择命令提示符

                              2. 安装 VS Code 扩展 - npm 脚本运行器(npm 支持 Microsoft 的 VS Code)。 单击扩展市场(ctrl + shift + x)。 类型> npm 脚本运行器> 安装

                              完成这些步骤后,npm 应该可以从 VS Code 终端运行了。

                              【讨论】:

                                【解决方案22】:

                                检查环境变量中的路径后,我重新启动了机器。它对我有用。

                                【讨论】:

                                  猜你喜欢
                                  • 2021-05-11
                                  • 2020-01-17
                                  • 2019-07-31
                                  • 1970-01-01
                                  • 1970-01-01
                                  • 1970-01-01
                                  • 1970-01-01
                                  • 1970-01-01
                                  • 2018-05-11
                                  相关资源
                                  最近更新 更多