PhpStorm 2021.3 Help

TypeScript 工具窗口

TypeScript工具窗口列出了 TypeScript 代码中的编译错误。此列表不受您对代码所做的更改的影响,并且仅在您再次调用编译时更新。

只有在TypeScript 页面上激活 TypeScript 语言服务时,PhpStorm 才会显示TypeScript工具窗口,如TypeScript中所述。

工具窗口仅在您首次手动编译 TypeScript 代码后才会显示。之后,可以通过View |访问工具窗口。工具窗口 | TypeScript在主菜单上或通过工具窗口栏。

请参阅将 TypeScript 编译为 JavaScript

编译错误

工具窗口仅在您首次手动编译 TypeScript 代码后才会显示。这可以通过两种方式完成:

  • 单击状态栏上的TypeScript小部件,选择Compile,然后选择编译范围。

    默认情况下,Compile All代表Compile all TypeScript files in the entire project要更改此行为,请在tsconfig.json文件的files属性下定义另一个范围。按以下格式键入要处理的文件的名称:

    "文件" : ["<file1.ts>","<file2.ts>"],

    TypeScript:监控编译错误
  • 从任何 TypeScript 文件的上下文菜单中选择编译 TypeScript。默认范围内的所有 TypeScript 文件都将被编译,就像从 TypeScript 小部件中选择Compile All时一样,

之后,可以通过View |访问工具窗口。工具窗口 | TypeScript在主菜单上或通过工具窗口栏。

工具窗口列出了在所选范围内检测到的所有编译错误。此列表不受您对代码所做的更改的影响,并且仅当您再次手动调用编译时才会更新。

错误消息按检测到它们的文件分组。要导航到有问题的代码,请双击相应的错误消息或选择它并从上下文菜单中选择Jump to Source 。

打字稿小部件

物品

描述

编译

选择此选项以调用手动 TypeScript 编译,然后选择要编译的文件范围。

  • 要在活动编辑器选项卡中编译文件,请选择文件的路径。

  • 要使用tsconfig.json文件中定义的范围,请选择所需tsconfig.json的路径。

  • 如果选择Compile All,默认情况下,编译器会在整个项目中运行。要更改此行为,请在tsconfig.json文件的files属性下定义另一个范围。按以下格式键入要处理的文件的名称:

    "文件" : ["<file1.ts>","<file2.ts>"],

配置 TypeScript

配置按钮

选择此选项可打开Typescript页面并编辑 TypeScript 设置。

重启 TypeScript 服务

重启 TypeScript 服务按钮

选择此选项以清除重新运行 TypeScript 语言服务。

工具栏

物品

工具提示和快捷方式

描述

展开全部/全部收缩

展开全部

Ctrl+NumPad +

全部收缩

Ctrl+NumPad -

使用这些按钮可以展开或折叠所有节点。

全部清除按钮

全部清除

单击此按钮可从工具窗口中删除所有错误消息。

关闭按钮

关闭Ctrl+Shift+F4

单击此按钮可终止编译器和 TypeScript 语言服务并关闭工具窗口。

上下文菜单

物品

图标和快捷方式

描述

跳转到源

跳转到源

F4

打开检测到所选错误的文件并导航到导致错误的代码片段。

复制

复制

Ctrl+C

复制选定的错误消息以及检测到错误的文件、行和列的信息。

一键导航

选择此选项后,单击错误消息会将您带到导致问题的代码。

全部收缩

全部收缩

Ctrl+NumPad -

隐藏错误消息并仅显示检测到编译错误的文件。

展开全部

展开全部

Ctrl+NumPad +

展开工具窗口中的所有节点并显示每个文件的错误消息。

导出到文本文件

导出到文本文件

Alt+O

保存发生编译错误的文件列表。

  1. 在打开的“导出预览”对话框中,指定要存储存在编译问题的文件列表的文本文件的路径。

    要同时保存相应的错误消息,请确保选中“详细信息”复选框。

    要将错误文件列表保存到剪贴板,请单击复制

    TypeScript 工具窗口:导出预览
  2. 单击保存。如果指定的文件已经存在,PhpStorm 会询问您是要覆盖此文件还是将新文件列表附加到它。

最后修改:2021 年 9 月 23 日