首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Windows 10上尝试在VS Code's Debug中运行"npm run start“

在Windows 10上尝试在VS Code的Debug中运行"npm run start"。

在Windows 10上使用VS Code进行前端开发并调试Node.js应用程序是一种常见的做法。"npm run start"是一个常见的命令,它用于启动Node.js应用程序的开发服务器。在VS Code的Debug中运行该命令可以方便地进行开发和调试。

要在Windows 10上尝试在VS Code的Debug中运行"npm run start",请按照以下步骤操作:

  1. 确保已经安装了Node.js和npm。在Windows 10上,您可以从Node.js官方网站下载安装程序并进行安装。
  2. 确保已经安装了VS Code。您可以从VS Code官方网站下载并安装最新版本。
  3. 打开VS Code,并打开您的项目文件夹。
  4. 在VS Code的终端中,使用cd命令切换到包含package.json文件的项目目录。
  5. 运行"npm install"命令,以安装项目所需的所有依赖项。
  6. 打开VS Code的"launch.json"配置文件。您可以通过按下F5键或在VS Code的侧边栏中选择"调试"选项来打开它。
  7. 在"launch.json"中,创建一个新的调试配置,以便在Debug中运行"npm run start"命令。以下是一个示例配置:
代码语言:txt
复制
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "npm run start",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run", "start"],
      "port": 3000
    }
  ]
}
  1. 保存"launch.json"文件。
  2. 在VS Code中按下F5键,或选择Debug菜单中的"启动调试"选项,以开始使用Debug模式运行"npm run start"命令。

以上步骤将在Windows 10上配置VS Code以在Debug中运行"npm run start"。您可以根据需要进行调试,并使用VS Code的调试功能进行断点调试、变量查看等操作。

腾讯云相关产品和产品介绍链接地址:

  • 产品名称:云服务器(CVM)
    • 概念:腾讯云服务器是基于云计算技术的弹性虚拟机服务,提供包括CPU、内存、存储等计算资源的租用服务。
    • 优势:具备高性能、可靠性、安全性和弹性扩展等特点。
    • 应用场景:适用于Web应用程序、数据库服务器、应用开发和测试等多种场景。
    • 产品介绍链接地址:云服务器(CVM)
  • 产品名称:云开发(CloudBase)
    • 概念:腾讯云开发是一款后端云服务,提供了丰富的服务能力,包括云函数、云数据库、云存储等,用于支持前后端分离的应用开发。
    • 优势:具备无服务器架构、弹性扩展、稳定性、易用性和高效性等特点。
    • 应用场景:适用于小程序、Web应用程序和移动应用程序等场景。
    • 产品介绍链接地址:云开发(CloudBase)

请注意,以上提供的腾讯云产品仅供参考,您可以根据实际需求选择适合的产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • shell脚本对编码和行尾符敏感吗

    问: 我正在macOS制作一个NW.js应用程序,并想通过双击图标开发模式下运行该应用程序。第一步,我试图使我的shell脚本正常工作。...Windows使用VS Code,我项目的根目录下创建了一个run-nw文件,包含以下内容: #!/bin/bash cd "src" npm install cd .. ....我的编辑器(VS Code),我尝试将\r\n替换为\n(以防\r产生问题),但它没有改变什么。 它似乎没有找到文件夹(有或没有dirname指令),或者可能它不知道cd命令?...它们应该有Unix风格的行结束符,即每行以换行符结束(ASCII的十进制10,十六进制0A)。 对于Windows或DOS风格的行尾,每一行都以回车符和换行符结束。...执行成功,但在MacOS失败 shell程序里如何从文件获取第n行

    17020

    关于 Node.js 调试,你需要了解的一切

    大家可以 Linux/macOS 这样设置环境变量: NODE_ENV=development Windows(旧版 DOS)命令行这样设置: set NODE_ENV=development...使用 VS Code 调试 Node.js 应用 VS Code 支持 Node.js,而且提供内置调试客户端。本地系统运行 Node.js 应用时无需任何配置。...如果您正在运行 Web 应用程序,可在任意浏览器打开,VS Code 会在遇到断点或 debugger 语句时停止执行: VS Code 调试方法与 Chrome DevTools 的 Variables...保存 launch.json,而后 Run and Debug 窗格上方的下拉菜单中选择 nodemon,接着单击绿色的运行图标: nodemon 会启动我们的应用程序,之后即可正常编辑代码并设置断点或日志点...接入远程服务器运行的应用 Remote - WSL: 接入运行Windows Linux in WSL 的应用 Node.js 的其他调试选项 参考 Node.js 调试指南:https:

    43320

    使用 VS Code 上手体验 Flutter

    打开最开始创建的 helloflutter 项目,执行 flutter run 就能运行起来啦! ? 到此 VS 的 Flutter 基本开发环境算是配置好了。...然后切换到终端,执行 flutter run ,就能跑起项目来啦!(我开着 iOS 模拟器) VS 右下角有个状态栏,展示了一些基本信息,也可以切换设备。 如图: ?...调试模式 菜单栏 Debug -> Start Debugging 可开启 Debug,初次使用会让你激活一些插件,开启即可。 ?...Hot reload 尝试修改 Demo 里的 Text 组件,command + S 保存, 这修改就能直接表现到模拟器。(或者点击那个闪电) ?...(这里本来是张 Gif 图,结果裂了) 总结 这次体验只是尝试 VS Code 安装插件,新建 Flutter 项目,以及 Run 其 Hello Flutter 工程,还算是方便快捷,但是还是感觉

    1.3K40

    Deno 安装手册

    与浏览器一样,允许从URL导入: 远程代码首次执行时被提取和缓存,并且使用 --reload 标志运行代码之前永远不会更新。 (所以,这仍然适用于飞机。...2.3 浏览器兼容性 Deno程序的子集完全用 JavaScript 编写,不会导入特殊的“deno”模块,也应该能够现代Web浏览器运行而不需要更改。.../tools/test.py # Format code. # TODO: set PYTHONPATH in format.ts when run API has env option..../tools/format.ts --allow-read --allow-run 3.2.1 先决条件 为了确保可重现的构建,denogit子模块具有大部分依赖性。...转到控制面板→程序→程序和功能→选择Windows软件开发工具包-Windows 10→更改→更改→检查Windows调试工具→更改→完成。

    82040

    蚂蚁笔记 Windows 客户端编译运行和打包

    (这个不局限于本节这种情况,之前介绍的情况也可以用这种方式快速启动) 比如, start 命令上点击 “运行脚本” 的效果如下,可以看到执行的是 npm run start : 而如果点击的是 “调试脚本...” 和 “npm run start功能上并无区别。...(内容由讯飞星火 AI 生成) 我们来运行一下 npm run make ,可以看到实际执行 make 命令的时候先会去执行 package 命令,最终输出到 out/make 文件夹: package...我本次修改了一些内容,就是以这样的方式进行的(因为一开始 VS Code 给项目安的 electron 版本不对,所以直接运行一直卡在首页转圈界面)。...5.3、Windows 客户端完全体 即使有了 5.2 一节最后所说的客户端源码的 Build 分支,也只是简化了依赖文件的下载,实际使用时还是要使用 VS Code 等编译器来执行命令,才能运行起程序

    31810

    Node.js 项目调试指南

    VS Code 等优秀的代码编辑器有助于我们尝试运行 Node.js 之前发现常见的 Node.js 问题: 颜色编码有效和无效的描述 自动补全函数和变量名 突出显示匹配的括号 自动缩进代码块 函数、...如果你正在运行一个 Web 应用,可以浏览器打开它,VS Code 会在遇到断点或 debugger 语句时停止执行: VS Code 调试类似于带有 Variables、Watch、Call stack...VS Code 高级调试配置 如果你想在另一台设备、虚拟机上调试代码,或者需要使用其他启动选项(例如 nodemon) 编辑器将启动配置存储项目隐藏文件夹内的 launch.json 文件。...VS Code 可以: 启动一个 Node.js 进程本身,或者 附加到调试 Web Socket 服务器,可能在远程机器或 Docker 容器运行。...Remote - WSL:通过 Windows 的 WSL 连接 Linux 运行的应用程序 最后 大家还有什么 Node.js 项目的调试技巧,可以留言区分享出来~ 本文译自:https://

    68520

    可能是目前最详细从零开始配置 TypeScript 项目的教程

    VS Code 配置的用户和工作区有什么区别? VS Code 的插件可以只对当前项目生效吗? 谈谈你所理解的 npm scripts,它有哪些功能? 你所知道的测试有哪些测试类型?...VS Code 编辑器中进行显示。...CHANGELOG.md && conventional-changelog -p angular -i CHANGELOG.md -s" 此时如果执行 npm run build 命令时事实类似于执行了以下命令...通过安装 Vs Code 插件 markdownlint[147] 并进行 Save Auto Fix 配置(插件明确列出了哪些规则是可以被 Fix 的)。安装完成后查看刚刚进行的测试文件: ?...都执行成功的基础执行 # needs: [job1, job2] # # runs-on: job 运行的环境配置,包括: # - windows-latest

    4.9K22

    写给前端程序员的命令行入门

    如果你使用 VS Code 作为代码编辑器,那么 VS Code 已经内置了一个强大的、现代化的终端。这非常棒,意味着代码和终端可以一个应用内并排运行。...你可以 VS Code 通过选择 查看→终端 来打开终端。 在这篇文章,我将使用Hyper来展示所有的例子。 到这里,选择好了终端应用才完成了一半。我们还需要确保运行正确的shell语言。...举个例子,为了启动一个本地开发服务器,我们会运行: cd path/to/project npm run start 运行该命令会启动一个长期运行的进程。...而且,对于MacOS使用VS Code的人,你需要做一些工作[8]来启用code命令。 重新安装依赖 你知道对任何电脑问题的标准建议是重启吗?...链式命令 每当我从Github克隆一个新项目时,我一般要做两件事: npm install ,来拉取第三方依赖。 npm run start ,来启动本地开发服务器。

    1.2K30

    前端项目启动 npm 安装 之 常见错误 意外解决了 一直报 esbuild 的问题,使程序正常运行

    通常要运行一个前端项目操作流程为: npm install (用于安装库,可以理解为初试化用的) npm start (启动项目) 1、 上面这两个为我们理想话的安装,实际上会遇到各种意想不到的bug...run build --debug > admin@0.0.0 build > vite build && mv .....command C:\WINDOWS\system32\cmd.exe /d /s /c "vite build && mv ../public/_admin/index.html .....C:\Users\Administrator\AppData\Local\npm-cache\_logs\2021-01-05T06_28_01_397Z-debug.log 这个错误,通常我们运行node...但是,但是,就在前两天,我怎么运行这句话也解决不了,原因是什么呢,路径!路径!路径! 重要的点说3遍, 注意这个位置,一定要路径可以对的,就Ok了!多试试。。

    3.2K40

    Vscode笔记-24款插件

    那么,有没有可能提供 GitHub 链接,直接在 VS Code 查看 Repo 代码呢?...这个项目名为 github1s,它的使用方法非常简单,只需要在浏览器地址栏 GitHub 网址链接的「github 」后面添加 1s ,然后 Enter 键,即可在 VS Code 界面访问该项目的.../deeptime)为例,浏览器地址栏输入该项目的网址,「github 」后面添加「1s 」,如下图中红框所示: 然后回车键即可进入到 VS Code 界面,浏览该项目的相关内容。...:\Git\git-bash.exe 调试技巧 VSCode Debug功能按钮从左到右功能依次为: 按钮1:运行/继续 F5,直接跳转到下一断点; 按钮2:单步跳过(又叫逐过程) F10,按语句单步执行...单独JS文件右键run code或Ctrl+Alt+N或F1->点击run code Community Material Theme 主题,ctrl+shift+p—>color theme—>输入

    10.7K21

    VS Code 调试完全攻略(5):基于浏览器的 React 应用

    cd debug-anything/react-cra yarn # npm i yarn start # npm start 应该能在控制台中看到启动成功的消息: Compiled successfully...另一种可能性是 attach 到已经运行的调试服务器,这在当前的配置下是不可能的。最后,当你停止调试会话时,VS Code 会负责关闭 Chrome。...name:你喜欢的任何名称,它将显示调试工具栏: ? name url:浏览器将要加载的URL——必须与运行 CRA 开发服务器的 URL 相匹配! webRoot:项目源文件的路径。...首先,你可以用 npm start 控制台中启动开发服务器,顺便说一下,这也可以 VS Code 完成。 ? 启动脚本 接下来,从调试侧边栏或通过按 F5 键启动调试浏览器: ?...确保调试侧栏打开了 Watch,并添加了一些表达式: ? 添加监视表达式 让我们尝试 fetch 一个存在的内容,并留意表达式: ?

    2.5K20

    VS Code 调试完全攻略(6):调试由 TypeScript 开发的 React

    本文将向你展示如何在 VS Code 创建匹配的调试器。 ? VS Code 调试完全攻略系列目录 ?...启动服务器 用 yarn startnpm start 启动服务器: $ yarn start yarn run v1.22.4 $ parcel index.html ℹ️ Server running...程序启动时获取文章列表,然后单击标题时从服务器获取所选文章的正文。 配置调试器 我们希望调试时能够 VS Code 设置断点、启动调试浏览器、以及逐步调试获取初始列表和后续的远程请求。...type 和 request 参数告诉 VS Code 新的 Chrome 窗口中开始调试。 第一次运行后,启动器的 name 将显示调试工具栏和 IDE 的状态栏: ?...没有这个设置,VS Code 会无法将源的断点位置映射到运行时代码: ?

    4.8K20
    领券