Visual Studio Code Active File in StatusBar 扩展以及 Extension API

Jerry Wang 发表于 2022/12/08 10:19:18 2022/12/08
【摘要】 本文分享一个作者在 Angular 开发过程中经常使用的 Visual Studio Code 扩展,这个扩展可以在 Visual Studio Code 的状态栏上实时显示当前选中文件在文件系统中的绝对路径。

这个扩展可以在 Visual Studio Code 的状态栏上实时显示当前选中文件在文件系统中的绝对路径,如下图所示:

作者 RoscoP:

选择 Extension Settings:可以修改 Status Bar 显示的文本颜色:

Visual Studio Code构建时考虑到了可扩展性。从UI到编辑体验,几乎VS Code的每一部分都可以通过扩展API进行定制和增强。事实上,VS Code的许多核心特性都是作为扩展构建的,并使用相同的扩展API。

下面是一些开发人员可以用扩展API实现的例子:

  • 改变VS Code的外观与颜色或文件图标主题-主题
  • 在UI中添加自定义组件和视图-扩展工作台
  • 创建一个Webview来显示用HTML/CSS/JS构建的自定义网页- Webview指南
  • 支持一种新的编程语言-语言扩展概述
  • 支持调试特定的运行时-调试器扩展指南

Visual Studio Code通过语言扩展为不同的编程语言提供了智能编辑功能。VS Code不提供内置的语言支持,但提供了一组支持丰富语言特性的api。例如,它有一个捆绑的HTML扩展,允许VS Code显示HTML文件的语法高亮显示。类似地,当您输入console.时,log 会自动显示在IntelliSense中,它是Typescript语言功能扩展的工作。

声明性语言特性在配置文件中定义。例子包括与VS Code绑定的html、css和typescript基础扩展。

编程语言功能包括自动完成、错误检查和跳转到定义。这些特性通常由语言服务器(Language Server)提供,这是一个分析项目以提供动态特性的程序。一个例子就是VS Code中绑定的typescript-language-features扩展。原理如下图所示:

总之,笔者从 sublime Text 切换到 Visual Studio Code 使用过一段时间后,已经对后者爱不释手了。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。