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

标签 angular typescript visual-studio-code syntax-highlighting

使用 Angular2,我经常使用 typescript @Componentshtml 模板。

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+HCtrl+Shift+T

Angular Switcher Shortcuts

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

angular-2 switcher

这使编码更容易。

谢谢

关于angular - 如何在 vscode 中使用一个(或两个)快捷方式在 TypeScript 和 HTML 之间切换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42146663/

相关文章:

amazon-web-services - 如何使用 SFTP 中的 pem 文件将 EC2 实例与 VSCode Directy 连接

visual-studio-code - 无法启动客户端 Rust 语言服务器

angular - 未找到组件工厂。你把它添加到@NgModule.entryComponents 了吗?

node.js - NodeJS Typescript 跨项目引用

typescript - 扩展 TypeScript 类时的方法链

javascript - 如何在 Typescript/Formik 中使用 useRef?

visual-studio-code - 如何保留 vscode 扩展的信息?

javascript - 显示名称而不是值

javascript - 将数据从 ionic popover/modal 传回调用页面

Angular 图片上传