angular - 如何在 vscode 中使用一个(或两个)快捷方式在 TypeScript 和 HTML 之间切换？

Question

使用 Angular2，我经常使用 typescript @Components 和 html 模板。

Atom 同时支持两者的语法高亮，而 VSCode 不支持。

现在你必须使用快捷键 CTRL+K M 并输入 "typescript" 或 "html" 以便在两者之间切换，这很好但在开发新组件时有点乏味。

我想使用 "workbench.action.editor.changeLanguageMode" 命令将快捷方式动态更改语言绑定(bind)到 keybindings.json 文件中。理想情况下是这样的:

{ "key": "ctrl+win+h", "command": "workbench.action.editor.changeLanguageMode", **toggle="html,typescript"**  }

但这样也可以:

{ "key": "ctrl+win+h", "command": "workbench.action.editor.changeLanguageMode", **value="html"**  }

{ "key": "ctrl+win+t", "command": "workbench.action.editor.changeLanguageMode", **value="typescript"**  }

显然，关键是 keybindings.json 不支持 "value" 字段。

有什么办法可以实现吗？

Answer 1

我已经从我的 Visual Studio Code 扩展中安装了 Angular Switcher。此扩展提供了以下两个命令:

• extension.ionSwitchHTML 用于切换到对应的.html文件
• extension.ionSwitchTS 用于切换到对应的.ts文件

然后我使用快捷键打开键盘快捷键:[Ctrl+k, Ctrl+S]

或文件 > 首选项 > 键盘快捷键。之后，我通过关键字搜索:ionSwitch 显示了上述两个命令。

然后我点击了每个键绑定(bind)命令，因为我感觉很舒服，比如:分别为 Ctrl+Shift+H 和 Ctrl+Shift+T。

对于angular-2 switcher extension，步骤同上。

这使编码更容易。

谢谢