如何在visual studio代码launch.json文件中运行npm脚本
在Visual Studio Code中，可以通过修改launch.json文件来运行npm脚本。launch.json文件用于配置调试器的启动参数和行为。
以下是在Visual Studio Code中运行npm脚本的步骤：
- 打开Visual Studio Code，并打开你的项目文件夹。
- 在左侧的侧边栏中，点击调试按钮（或按下F5键），然后点击齿轮图标，选择"创建一个launch.json文件"。
- 在弹出的菜单中，选择"Node.js"作为调试环境。
- 在生成的launch.json文件中，找到"configurations"数组，并添加一个新的配置项。
- 在新的配置项中，设置"type"为"node"，"request"为"launch"，"name"为你的脚本名称（可以自定义）。
- 在"program"字段中，填写npm的路径，一般为项目根目录下的node_modules/.bin目录，例如："${workspaceFolder}/node_modules/.bin/npm"。
- 在"args"字段中，填写需要运行的npm脚本命令，例如："run start"。
- 保存launch.json文件。
现在，你可以通过点击Visual Studio Code的调试按钮来运行你的npm脚本。选择你刚刚创建的配置项，然后点击运行按钮即可。
这种方法可以方便地在Visual Studio Code中运行npm脚本，适用于前端开发、后端开发等各种场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（QingCloud）：https://cloud.tencent.com/product/qingcloud
相关·内容
我正在尝试运行Visual Studio代码的launch.json文件中的npm脚本："program": "nodemon src&
浏览 22提问于2017-06-24得票数 4
回答已采纳
我正在使用Visual Studio代码构建cucumberjs测试。我能够从命令行使用npm运行测试，并且能够使用启动配置从VS Code中运行它们。但是，我无法从Visual Studio代码中调试该测试。/node_modules/.bin/cucumberjs"在命令行中，我可以成功地运行npm<
浏览 2提问于2017-05-10得票数 6
我在这里使用了How to debug Cucumber in Visual Studio Code (VSCode)?的解决方案 我在Visual Studio代码中有launch.json { "request": "launch",
"name": "Via NPM"
浏览 37提问于2020-07-16得票数 0
我有一些shell脚本，我想在Visual Studio Code中调试期间从代码中按名称执行这些脚本。我需要扩展$PATH环境变量才能实现。目前，我在launch.json中有以下json。如何在Visual Studio代码中扩展launch.json中的$PATH环境变量？
浏览 2提问于2017-12-06得票数 17
2回答
我尝试用Visual Studio代码调试node JS中的一个项目，但没有成功。我已经用下面的命令构建了一个简单的项目：cd myExpressAppnpm启动
我在“调试”窗口中选择了应用程序运行时没有问题。我设置了一个断点：我在Chrome中给出了地址：
Visual
浏览 40提问于2015-09-21得票数 11
回答已采纳
VS Codev1.64.2.NET Core v3.1AngularJS v1.8.2
我正在尝试使用Visual代码来调试使用.NET的AngularJS核心web应用程序。在生成.CS文件后，我能够调试放置在.NET文件中的断点:生成用于构建和调试的资产，这将在.vscode文件夹中创建启动和任务json文件。但是angularJS控制器和服务的js文件中的调试点并没有在应用程序运行的同时命中
浏览 2提问于2022-02-13得票数 0
3回答
当我从命令行运行我的Dash应用程序时，但是，当我尝试使用调试器运行它时(在我的configuration中使用下面的launch.json )，它将正常运行。
浏览 39提问于2022-03-31得票数 1
我一直在学习“Eloquent JavaScript- -第三版”，在第10章“模块”中，我们需要安装NPM模块‘序号’和‘日期名’，本书是这样使用的：但是当我在Visual Studio代码中的JavaScript文件中键入它时，它无法识别什么是“序号”或“日期名”。我使用'npm install package_name‘命令安装了这些软件包。但是我如何使用
浏览 0提问于2020-06-26得票数 0
我尝试在Visual Studio代码中使用Office外接程序调试器调试Excel Javascript外接程序。我想将调试器配置为打开现有的Excel文件。我使用launch.json中的默认配置"Excel Desktop (Edge Chromium)“。但每次我按F5，它都会创建一个新的Excel文件。我看到这个配置运行了一个preLaunchTask“调试: Excel桌面”。我知道在Visual Stu
浏览 41提问于2021-04-16得票数 0
不幸的是，Visual Studio代码找不到运行时可执行文件node。 ? 但是集成终端知道节点： $ which node
/home/user/.asdf/shims/node 如何在不显式地将运行时可执行文件添加到launch.json的情况下将node引入VisualStudio代码？
浏览 51提问于2020-01-02得票数 4
我正在尝试使用visual studio代码编辑器调试angular 12应用程序。我的笔记本电脑上有火狐浏览器。下面的launch.json和tasks.json文件都在.vscode文件夹中。不知何故，应用服务器没有启动，调试器也没有附加到代码中。我是不是遗漏了什么？launch.json "version": "0.2.0",
"configurat
浏览 0提问于2021-11-24得票数 0
Protractor Visual Studio代码调试错误无法连接到运行时进程，10000秒后超时-(原因:无法连接到目标: connect ECONNREFUSED 127.0.0.1:36406下面是我的launch.json文件配置 { // Hover to view"type": "
浏览 115提问于2019-06-19得票数 1
我有一个角度代码，我需要工作。我在我的visual studio web项目中复制了src文件夹和包文件，恢复了依赖关系，使用npm start构建，并且我能够在localhost://4200打开应用程序页面。但是，当我在visual studio中生成项目并使用F5运行时，将加载空白index.html页，并且在开发人员控制台中不显示任何错误。
如何在visual s
浏览 0提问于2018-10-29得票数 0
我使用的是Windows10，当我调试代码时，VSCode显示了上面的结果，这是我在VSCode中已经习惯的一件事，在flutter run中，模拟器显示了应用程序，但它没有显示热重新加载和其他选项，终端显示可能需要很长时间
浏览 5提问于2019-03-19得票数 2
我在Linux上使用Visual Studio Code进行F#编程。最近，我在Windows10上安装了Visual Studio社区，以提供更多的数学绘图功能。但是我不能在工作室环境中运行.fsx脚本，"run debug| run“是灰色的。此外，还缺少f#命令外壳。几年前，我在windows上使用了这个，我必须安装什么？，微软网站对此不是很清楚。
浏览 19提问于2020-04-17得票数 0
如果我在VS Code中运行Python脚本，我希望打开一个新窗口并在其中运行脚本。如果你只是从文件资源管理器中使用Python打开文件，它的工作方式也是一样的。据我所知，VS Code只提供在VS代码终端中运行脚本。 例如，Atom的atom-python-run扩展具有相同的行为。在VS Code中有什么方法可以做到这一点吗？
浏览 47提问于2021-11-08得票数 0
回答已采纳
我已经看到了Visual Studio代码的launch.json如何访问${workspaceFolder}。它还可以访问其他公共变量吗？我希望有权访问当前用户的AppData文件夹，以便可以执行以下操作：而不是硬编码为：
"program": "C:\\Users\\jd
浏览 3提问于2016-10-04得票数 16
回答已采纳
13回答
我以前使用gulp和运行gulp从启动我的应用程序和侦听器，但最近需要切换到通过npm运行脚本。不幸的是，在VSCode中，我不能通过调试器运行npm脚本，所以我不得不求助于运行节点来直接启动我的服务器，这样就摆脱了自动重新加载代码的侦听器任务。下面是我的launch.json文件中的一个片段，我试图使用它，但是找不到npm。 ...
浏览 495提问于2016-01-17得票数 84
我正在尝试从Visual Studio Code迁移到Visual Studio 2017。我没有针对我的代码的项目或解决方案，而是通过设置参数启动main.py文件才能运行。我的launch.json文件中有当前的代码 "configurations": [ "project
浏览 0提问于2019-09-24得票数 0
1回答
为此，我需要导入PRAW以便在Python代码中使用它。在阅读了这里的一些帖子后，我发现在这个系统中使用pip3 install praw更可取，这对我来说似乎是可行的。但是，当我在Visual Studio code中运行我的代码时，此消息会立即出现： ModuleNotFoundError: No module named 'praw' 有人能帮上忙吗？
浏览 24提问于2021-10-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
