Debug & Run Angular2 Typescript with Visual Studio Code?

我正在try 用VS代码调试Angular2 typescript应用程序

任何人都可以分享调试和维护的步骤吗;从VS代码运行?

推荐答案

经过大量研究,我发现了以下步骤-

Before you begin, make sure you have latest version of VS code. You can verify latest version – Help > Check For Updates or About.

  1. 安装名为"Chrome调试器"的扩展.安装完成后,重新启动VS代码.

  2. 转到调试窗口,打开启动.使用Chrome的json.

  3. emits 中.json配置部分,使用下面的配置

    {
        "name": "Launch localhost with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:3000/Welcome",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    }
    
  4. 在Tconfig.json,确保你有"sourceMap":true

这就完成了调试环境设置.

  1. 使用npm start命令和Chrome作为默认浏览器运行项目.

  2. 一旦应用程序成功运行,您将收到端口号.从chrome浏览器复制URL并粘贴到上面的URL部分.

  3. 现在,在typescript文件中的任何位置放置断点.

  4. 再次,进入VS代码中的调试窗口,点击Run.

Chrome Debugging

Typescript相关问答推荐

TypScript错误:类型{ children:ReactNode; }与动态React组件中的IntrinsicLedger类型没有共同的属性

如何根据参数的值缩小函数内的返回类型?

当类型断言函数返回假时,TypScript正在推断从不类型

为什么ESLint抱怨通用对象类型?

如何创建泛型类型组件来使用React Native的FlatList或SectionList?'

将props传递给子组件并有条件地呈现它''

类型脚本类型字段组合

TypeScrip:基于参数的条件返回类型

如何在TypeScrip中从字符串联合类型中省略%1值

如何编写一个类型脚本函数,将一个对象映射(转换)为另一个对象并推断返回类型?

以Angular 自定义快捷菜单

在列表的指令中使用intersectionObservable隐藏按钮

通过泛型函数本身推断受约束的泛型参数的类型脚本问题

在正常函数内部调用异步函数

是否可以通过映射类型将函数参数约束为预定义类型?

在抽象类属性定义中扩展泛型类型

为什么在泛型方法中解析此promise 时会出现类型错误?

TypeScrip:如何缩小具有联合类型属性的对象

如何使对象同时具有隐式和显式类型

如何在 TypeScript 类型定义中简化定义长联合类型