使用 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"
字段。
有什么办法可以实现吗?
最佳答案
我已经从我的 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,步骤同上。
这使编码更容易。
谢谢
关于angular - 如何在 vscode 中使用一个(或两个)快捷方式在 TypeScript 和 HTML 之间切换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42146663/