快捷搜索:  汽车  科技

微软开源代码工具(微软开源基于浏览器的代码编辑器)

微软开源代码工具(微软开源基于浏览器的代码编辑器)更多内容大家可自行前往阅读。在浏览器中按 Alt F1 或 Ctrl F1 以在编辑器中触发“显示辅助功能帮助”对话框,以找出编辑器中的当前位置并检查各种辅助功能选项的状态。在 Edge浏览器中,编辑器将自动调整 Windows 中选择的高对比度主题和颜色:在命令面板中使用 “切换高对比度主题” 功能适用于其他浏览器:默认情况下,在可编辑编辑器中按 Tab 键会插入 Tab 字符(或空格,取决于缩进设置)并且不会导航到页面上的下一个可聚焦元素。在 Windows 和 Linux 上使用 Ctrl M 以及在 OSX 上使用 Ctrl Shift M 切换 Tab 的捕获,随后的 Tab 键会将焦点移出编辑器。

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源基于浏览器的代码编辑器——monaco-editor。

微软开源代码工具(微软开源基于浏览器的代码编辑器)(1)

Monaco Editor是一个支持C、Java、TypeScript JavaScript等多种编程语言的浏览器端代码编辑器,可作为嵌入 Web 应用程序的源代码编辑器,Monaco支持基本语法着色和差异编辑器。

微软开源代码工具(微软开源基于浏览器的代码编辑器)(2)

微软开源代码工具(微软开源基于浏览器的代码编辑器)(3)

安装使用

git clone https://github.com/microsoft/monaco-editor.git cd samples npm install . npm run simpleserver

安装成功后访问 localhost:8888 。

微软开源代码工具(微软开源基于浏览器的代码编辑器)(4)

Monaco功能
  • 键盘导航

Monaco 编辑器在命令面板(Internet Explorer 上的 F1 或 Alt F1)中提供详尽的命令列表,因此无需使用鼠标即可使用该编辑器,命令面板也可以从编辑器的上下文菜单中调用。

微软开源代码工具(微软开源基于浏览器的代码编辑器)(5)

  • 高对比度

在 Edge浏览器中,编辑器将自动调整 Windows 中选择的高对比度主题和颜色:

微软开源代码工具(微软开源基于浏览器的代码编辑器)(6)

在命令面板中使用 “切换高对比度主题” 功能适用于其他浏览器:

微软开源代码工具(微软开源基于浏览器的代码编辑器)(7)

  • 制表符捕获

默认情况下,在可编辑编辑器中按 Tab 键会插入 Tab 字符(或空格,取决于缩进设置)并且不会导航到页面上的下一个可聚焦元素。在 Windows 和 Linux 上使用 Ctrl M 以及在 OSX 上使用 Ctrl Shift M 切换 Tab 的捕获,随后的 Tab 键会将焦点移出编辑器。

  • 辅助功能帮助

在浏览器中按 Alt F1 或 Ctrl F1 以在编辑器中触发“显示辅助功能帮助”对话框,以找出编辑器中的当前位置并检查各种辅助功能选项的状态。

微软开源代码工具(微软开源基于浏览器的代码编辑器)(8)

更多内容大家可自行前往阅读。

开源地址:https://github.com/microsoft/monaco-editor

猜您喜欢: