文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

开发一个爆款 VS Code 插件这么简单！

从 vscode 的官网中我们可以看到，vscode 主要提供了六类开放能力：通用能力、主题、声明类语言特性（我把它称为基础支持）、程序类语言特性（高级支持）、工作区UI扩展、调试。...我们开发 vscode 插件，实际上就是在通过这些能力对 vscode 进行扩展。 这六类能力具体包括的功能和使用场景可以看下图。...vuter 申明了 onLanguage:vue 所以他会在用户打开 vue 语言文件时被激活 vscode-icons 是一个纯主题插件，声明的是 * GitLens 需要覆盖所有的文件，并且在vscode...就像之前说的，vscode 主要支持两类编程语言支持：声明类语言特性主要描述了代码高亮、代码片段等轻量级需要实时给出响应的语言特性支持；而程序类语言特性只要提供更加高级的跳到定义、查找引用、hover提示等对实时性要求不高...（高级能力） 对于高级的语言能力支持，vscode 提供了两种方式： 方案一：注册 vscode 提供的回调钩子 方案二：使用 language server 两种扩展方案的能力存在一一对应关系 这两种方式提供的能力是完全相同的

2.6K40

这 14 个 VSCode 插件，让你写代码如同神一般

的结合，几乎所有的程序员的都离不开 VSCode，不过，VSCode 如此优秀，值得每个程序员使用，甚至我觉得非程序员都可以用它来码字。...代码搜索：Sourcegraph 效果展示： Sourcegraph 的代码搜索允许你在所有代码中快速查找和修复内容。 有了它，你可以直接从 VS Code IDE 免费搜索数百万个开源存储库。...Sourcegraph 的代码智能功能通过“转到定义”和“查找引用”功能提供快速的跨存储库导航，可以快速理解新代码，并在任何大小的代码库中找到答案。 点这里安装Sourcegraph[6] 6....它解决了编写代码的无聊部分，例如编写文档字符串。它还可以查找如何使用库，并在 VS Code 编辑器本身中对其进行自动化。 点这里安装Krinql[9] 9....实时对 Python 代码进行检查：Wolf 也就是说，你可以在 VSCode 中体验 Python 解释器里面的那种所见即所得的体验，功能上和 AREPL for Python 有点像。

2.2K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    插件机制详述_VSCode插件开发笔记1

    vscode extension，后续笔记会详细介绍 二.运行环境 为了性能与兼容性，插件在独立的进程（称为extension host process）中运行，并且不允许直接访问DOM，所以提供了一套内置的...拥有完全的控制力，无论插件在做什么，都不影响IDE基本功能的正常使用 P.S.extension host process是个特殊的Node进程，能够访问VS Code扩展API，VS Code也对这种进程提供了...points） IDE在启动过程中扫一遍插件清单文件，UI相关的就扩展UI，UI无关的就把扩展点与插件功能关联起来 另外，由于插件的执行环境是Node进程，所以npm package都是可用的，依赖模块同样声明在...实现Haste的全局模块引用跳转支持 另外，一些API以命令形式提供（即上面提到的“IDE自身的”命令），例如vscode.previewHtml、vscode.openFolder、editorScroll...方法签名：基础支持在方法签名中包含参数说明文档 跳转到定义：基础支持存在多处定义时都展示出来 引用查找：基础支持返回所有引用处的具体位置 选中查找高亮：基础支持返回当前文档的所有相同引用 方法/变量声明目录

    3.2K50

    干货：用好VSCode这13款插件和8个快捷键，工作效率提升10倍

    的远程开发环境，实现了真正的远程开发，在本地主机（一般是Windows或MAC）上的操作的对象直接就是远程机（Linux），所有本地主机上的修改直接基于远端文件，摆脱了传统开发流程在本地编辑文件，利用...Ctrl + Alt + K ，多按一次就是删除，不仅如此他还提供了在书签之前跳跃和查看管理的功能，更多功能可以自己体验，反正我看大工程源码用这个很爽。...代码管理 下面介绍两个 Git 版本控制相关的插件，项目中我们用的最多的版本控制工具是 Git ，当然 VsCode 自身提供了比较丰富的 Git 版本控制功能，基本上可以通过在界面点点点完成一些了Git...GitLens 我最喜欢它的一个功能是，它可以在文件中改动的位置后面直接显示出本次改动的提交信息，然后你可以直接通过显示的提交信息跳转到提交文件对比，其实还有其他丰富的功能，不过这个功能我用的最多。...小而美的工具 下面这几个插件是我在日常使用中积累的工具插件，非必须，但是拥有了之后编码幸福感倍增，下面一一介绍给大家。

    7.7K50

    VSCode跳转到定义内部实现_VSCode插件开发笔记4

    编辑体验：跳转到定义、智能提示、自动补全、查找引用、变量重命名等等 这些统统没有，都是由插件提供的，对JS的支持也是这样 一.内置插件 VS Code内置插件中，与JavaScript有关的只有一个vscode...插件，提供TS语言语法支持 typescript-language-features：提供语言特性相关的高级支持，如跳转、查找声明/引用、补全提示、outline/breadcrumb等涉及代码语义的高级功能...： Feature：对接VSCode，为高亮、折叠、跳转等Editor功能入口提供具体实现 Server：接入TSServer，以获得理解JS代码语义的能力，为语义相关的功能提供数据源 Client：与...，具体见四.进程模型 Client与Server通信 由于TSServer跑在子进程中，API调用存在跨进程的问题，因此TSServer定义了一套JSON协议protocol.d.ts，主要包括API名以及消息格式...砰，就跳过去了 P.S.VSCode中其它JS语义相关的功能与之类似，都依靠TSServer提供支持 参考资料 Microsoft/vscode 1.28.2 Architectural Overview

    5.7K30

    VSCode插件开发：LaTeX Snippets

    于是我便使用了VSCode+LaTeX+Plugin的方案。但是很多我想要的Snippets都没有而且也不能做到个性化的自定义，我便尝试编写一个Plugin达到此功能。...项目概述 此项目主要想要完成的功能是对tex文件编辑下的Snippets做一些扩展，即增加一些自动补全功能。同时，还提供了对函数作图的图形界面的功能。 准备工作 首先是开发环境的安装。...测试会在一个行的VSCode页面进行，标题为扩展开发宿主。我们可以在tex文件中进行测试。...过程是这样的：在平面上点击了一些点之后，选择次数，就可以进行多项式拟合。原理也比较简单，就是解高次方程组，或者可以将问题转化为Linear Regression。...本来我想按照常规的方法npm安装然后引用的，但是报错始终修不了，于是我就将其所有代码全部放在了js文件当中。

    3.5K40

    用好 VS Code这 13款插件和 8个快捷键，俺又飘了~

    能帮你方便的创建和管理书签，看到哪个位置想加个书签就按快捷键 Ctrl + Alt + K ，多按一次就是删除，不仅如此他还提供了在书签之前跳跃和查看管理的功能，更多功能可以自己体验，反正我看大工程源码用这个很爽...代码管理 下面介绍两个 Git 版本控制相关的插件，项目中我们用的最多的版本控制工具是 Git ，当然 VsCode 自身提供了比较丰富的 Git 版本控制功能，基本上可以通过在界面点点点完成一些了Git...第一个出场的是Git Graph 插件，可视化Git仓库，让你的提交记录看起来美观大方，并且基于图中提交点提供了丰富的Git 操作。...GitLens 我最喜欢它的一个功能是，它可以在文件中改动的位置后面直接显示出本次改动的提交信息，然后你可以直接通过显示的提交信息跳转到提交文件对比，其实还有其他丰富的功能，不过这个功能我用的最多。...小而美的工具 下面这几个插件是我在日常使用中积累的工具插件，非必须，但是拥有了之后编码幸福感倍增，下面一一介绍给大家。

    3.3K22

    25 个提升开发幸福感的 VSCode 扩展

    我认为它如此受欢迎的原因很简单，因为 VSCode 提供了每个开发者想要的功能，包括他们甚至不知道自己需要的功能。这就是 VSCode 的秘密魅力——它总能让你大吃一惊。...手动更改设置是很费时间的，因为说实话，我们需要根据我们正在做的项目不时地更改设置，所以为了减轻编程的压力，我建议你使用这个扩展，这样你所做的所有更改都会自动同步到你所有的机器和工作站上。...下载这个浏览器预览插件，这样你就可以在你的 VSCode 中完成所有的工作，而不是打开另一个窗口让你的 Chrome 浏览器看到你在代码中所做的改变。...图片 自从我开始使用 VSCode 以来，我一直在使用 Emmet。它可以帮助每个开发人员提高编写代码的速度。使用这个扩展，很快你就不能想象没有它的代码了。...这个扩展允许您轻松地在代码编辑器中直接调用和 API 端点。这样可以节省时间ーー 你可以使用这个选项，而不必在浏览器或 Postman 那里来回地切换请求。

    5.4K20

    最新正版激活码 IDEA2022激活码注册码 免费使用 激活Code

    JetBrains中的每个IDE功能都实现得很好，无论是代码分析，重构，导航，运行/调试，运行测试，添加新文件，git集成还是上下文功能（如添加程序包引用等）。JetBrains中的一切都更好一些。...通常，这意味着它相当轻巧，可以支持每种语言，具有高度可配置性和可扩展性，但是没有很多非常深入的功能，依赖第三方扩展来提供更深的功能。...他们在这个IDE基础上提供了不同的配置和不同的默认值，然后将其锁定并以不同的名称运送每一个配置文件中。所有这些IDE基本上都是在完全相同的，在一个核心平台上运行不同的插件。...两者都是可以插入新功能的编码平台，只是jetbrains锁定了一些自定义功能，并通过插件捆绑销售其IDE，从而提供了更好的核心体验。...我每天都会在Go，Dart和C ++之间往返，因此使用像VSCode这样的IDE（具有从扩展名到快捷方式再到片段的熟悉功能）是一个很大的帮助。

    2.2K20

    微软突然封锁Cursor，全面禁用C、C++、C#扩展，网友：理解微软，Cursor白嫖VSCode

    有开发者发现，虽然在Cursor内可以安装微软 C/C++ 扩展，但尝试使用诸如查找所有引用等功能时却不起作用，然后会得到一个弹窗通知，告知扩展的限制。...这也透露出像微软这样的巨头对于AI Agent的市场定位非同一般。 然而，对于用户而言，相较于微软封锁Cursor，更关心“钱袋子”。...微软投入了数百万美元开发免费的VSCode，并将其提供给所有用户，现在甚至还加入了GitHub Copilot，然而却有一些公司可以简单地分叉他们的整个代码库，加入人工智能，然后就开始收费。...公平地说，他们在VSCode上投入了大量资金，并且免费提供，对于其他免费工具也从未有过问题。...前几天我安装了Cursor，但很快就卸载了，因为它不支持C++，所以它确实“工作”了 反正我也不打算每月花30美元在VSCode已经做得很好的东西上。

    1.5K10

    28 个提升开发幸福度的 VsCode 插件

    GitLens也提供了类似的功能。 Git Indicators — 它允许你查看受影响的文件以及状态栏中添加或删除的行数。...— 它允许您使用单个命令在浏览器中打开repo。 9....Emmet 允许你写入缩写代码并返回的相应标记，目前 VSCode 已经内置，所以不用配置了。 如果你想了解更多的 Emmet 的简写，可以查看 Emmet Cheatsheet 20....如果我告诉你，你可以像 Lucky Luke一样快速地控制台记录任何东西呢? 这是通过名为 Turbo Console Log 的扩展来完成的。...Live server 这是一个非常棒的扩展，可以帮助你启动一个本地开发服务器，为静态和动态页面提供实时重新加载功能，它对 HTTPS、CORS、自定义本地主机地址和端口等主要特性提供了强大的支持。

    34K31

    从 VSCode 看大型 IDE 技术架构

    整个团队从大致 10 个人开始，混合老中新三代不同水平的程序员，在微软这个巨无霸的商业公司里面想要落地这样一个宏大的愿景是不容易的，团队一开始定下的思路就是像 start up 一样工作，每月每年都要...electron 的 web 页面所处的 Render 进程可以将任务转发至运行在 NodeJS 环境的 Main 进程，从而实现 native API 这套架构大大扩展了 electron app...Contrib 互相依赖 VSCode 开发团队做这个设计的目的我猜可能是因为重型的工具软件功能点实在太多，如果这些功能代码直接采用原始的模块引用的方式聚合拼装起来，是一个自顶向下的架构，对维护性的挑战比较大...而采用暴露扩展点的方式，可以将依赖关系反转，依附于扩展点协议，将核心功能和非核心功能分割开，独立的小功能的代码实现可以单独聚合，降低信息密度与提升维护性。...暴露的扩展点 视图扩展能力非常弱：VSCode 有非常稳定的交互与视觉设计，提供给插件的 UI 上的洞（component slot）非常少且稳定 只能使用限制的组件来扩展：VSCode 对视图扩展的能力限制非常强

    2.4K10

    全面禁止Cursor使用C、C++、C# 扩展，开发者被迫回退版本

    Cursor 的文档提供了如何从微软商店安装扩展的说明。该功能依赖于将扩展下载为 .vsix 文件；然而，该文件的下载链接现已不在扩展市场的首页中显示。...Cursor 本身并不是开源的，这一做法虽然存在争议，但在 VSCode 所采用的 MIT 许可证下是被允许的，所以我们无法查看其内部实现，也不知道它具体做了什么。...2018 年时，微软明确表示不允许在 Code forks 上使用 C# 扩展。 微软 vscode-cpp 工具 192 行长的许可证文件显示，它禁止在 VSCode 和微软工具以外的环境中使用。...毕竟 VSCode 是在 MIT 许可证下开源的，.NET 也同样是开源的，所以并不太像微软还会执行“EEE 战略”。...DevClass 尝试在 Cursor 中安装微软的 C/C++ 扩展，虽然安装成功，但在使用如“查找所有引用”等功能时却无法正常工作，最终弹出提示窗口，提醒用户该扩展存在使用限制。

    4.4K10

    分享5个和安全相关的 VSCode 插件

    这样可以让你给定义的变量贴上标签，自动存储到1Password，并替换代码中的引用。...最后，1Password VSCode 扩展允许您检查和预览存储在保险库中的密码，如果它们在代码中被引用。将光标悬停在密码上将显示其当前值，但仅适用于非敏感密码。...Snyk VSCode 扩展通过在 VSCode 编辑器中提供漏洞扫描和修复功能，解决了这个问题。该扩展会扫描代码中的以下问题类型： 开源安全——我们项目中使用的开源依赖中的安全漏洞。...我们还可以通过在命令面板中运行`Snyk: Rescan`来轻松执行手动扫描。 Snyk扩展还提供漏洞检测功能，可以在我们编写代码时突出显示潜在的漏洞。...该扩展还提供了对我们代码进行的各种扫描结果的概述： 通过实时漏洞检测和详细的修复步骤，Snyk VSCode帮助我们在不中断工作流程的情况下优先考虑安全。

    2.3K10

    github对程序员做过的那些事儿

    在浏览github的时候，我们很想可以在编辑器中查看代码，庆幸的是，github帮我们实现了，你只需要点击键盘"."...通过使用它，我们可以通过代码片段快速地搜索到我们想要的开源库，这对于在搜索引擎上茫茫网站中查找靠谱太多了。...github提供了捐赠的功能，当一些程序员打开了这个功能的时候，说明他们可能真的需要我们的帮助才能让这个开源项目成长的更好，这个时候，你的每一份捐助都是对开源社区最大的回馈，我们不要像某些互联网大公司一样...免费的静态网站 github为我们提供了一个叫做github pages的功能，它允许我们通过创建一个和用户名一样的静态网站仓库。...总结 github还有很多非常棒的功能，作为一个程序员，我很庆幸有github这样的一个网站存在。 当我们开始抱怨的时候，永远不要忘记我们曾经拥有过那么多。

    40430

    Hyperledger Fabric和VSCode的IBM区块链扩展开发智能合约

    如果此时VSCode崩溃（我遇到了），则可能意味着你没有最新版本。如果你的VSCode崩溃，请查看下面的故障排除部分。否则，请更新你的VSCode，完成后，单击屏幕左侧边栏中的扩展名。...在左侧边栏中，单击IBM Blockchain Platform图标（它看起来像一个正方形）。在左上角，你将看到所有智能合约包。如果一切顺利，你应该看到demoContract@0.0.1。...VSCode扩展附带的网络非常适合开发，它为开发和测试合约提供了最少的资源占用。...那么，现在是时候实际调用智能合约中的功能了！为此，你可以使用VSCode扩展。 1.在LOCAL FABRIC OPS下你应该看到FABRIC GATEWAYS。...此代码还添加了查询功能; 这个函数接受一个参数，这是查找的关键。该函数返回与给定键关联的值（如果有）。

    3.6K30

    LinkedIn开源针对K8s AI流水线的交互式调试器

    为了改善开发者的体验，LinkedIn 创建了 FlyteInteractive，该工具提供了一个“交互式开发环境，允许用户直接运行代码，在 Kubernetes pod 内连接到 Microsoft...Flyte 涵盖的场景比 Kubeflow 更多，并且不要求开发人员具有太多的 Kubernetes 专业知识（但它也为流行的软件包如 PyTorch 和 TensorFlow 提供了 Kubeflow...这也使得像 Zhu 最近一直在研究的模型量化等更强大和复杂的技术变得更加普遍，方法是将其转换为一个函数或 API 调用。...开发人员只需将 VSCode 装饰器添加到他们的代码中，连接到 VSCode 服务器，并像往常一样使用“运行和调试”命令，即可获取一个交互式调试会话，在其中在 VSCode 中运行他们的 Flyte 任务...但对于开发人员来说，最吸引人的特性甚至不是快速调试，Zhu 表示。"我喜欢代码检查功能，因为它让我能够快速理解算法的内部工作机制，也帮助我提出一些新的方法。" 他指出，这不仅对你自己的代码有用。"

    38710
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券