首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >vscode源码的一点点笔记

vscode源码的一点点笔记

作者头像
龙泉寺扫地僧
发布于 2018-06-20 08:51:56
发布于 2018-06-20 08:51:56
5300
举报
文章被收录于专栏:盟主来了盟主来了

vscode的extension机制

1、extension在界面上的控件,就是这玩意:

是E:\mycode\vscode-master\out\vs\workbench\parts\extensions\browser\extensionsWidgets.js里负责创建的。

2、这是堆栈

3、extension的查询,是在ExtensionsViewlet.prototype.query里做的。此时会从product.json里取serviceUrl地址,一般就是微软的服务器

4、当点击里面某项时,会触发ExtensionEditor.prototype.openReadme

5、

这个readme的详细信息,是openReadme里从微软服务器查询得到一个html字符串,然后丢给<webview> 去渲染的。

渲染是在E:\mycode\vscode-master\out\vs\workbench\parts\html\browser\webview.js里做的

6、

这是一些相关文件

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年05月01日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
微软 VSCode IDE 源码分析揭秘
作者:zanewang,腾讯 CSIG 工程师 目录 (1)简介 (2)技术架构 (3)启动主进程 (4)实例化服务 (5)事件分发 (6)进程通信 (7)主要窗口 (8)开发调试 1.简介 Visual Studio Code(简称 VSCode) 是开源免费的 IDE 编辑器,原本是微软内部使用的云编辑器(Monaco)。 git 仓库地址:https://github.com/microsoft/vscode 通过 Eletron 集成了桌面应用,可以跨平台使用,开发语言主要采用微
腾讯技术工程官方号
2019/12/20
3.1K0
微软 VSCode IDE 源码分析揭秘
18.6.18日报
1,修复两处小崩溃,主要是多线程渲染页面时,devtools调试下断点再执行会触发。
龙泉寺扫地僧
2019/02/20
4920
API注入机制及插件启动流程_VSCode插件开发笔记2
在插件进程环境,可以引入vscode模块访问插件可用的API,好奇一点的话,能够发现node_modules下并没有vscode模块,而且vscode模块也名没被define()过,看起来我们require了一个不存在的模块,那么,这个东西是哪里来的?
ayqy贾杰
2019/06/12
1.2K0
从 VSCode 看大型 IDE 技术架构
为什么要去看 VSCode?因为我们团队在做的中后台快速研发平台云凤蝶也是一款类似 Web IDE 形态的产品:
Nealyang
2020/02/19
2.1K0
你会在本地搭建 Web 版 VS Code 吗,看完这一篇你就能轻松实现了!
Visual Studio Code 是微软推出的一款轻量级编辑器,与它一起在市场争锋的相似软件还有 Atom 和 Sublime Text,面世第二年的它只占据 7% 左右的市场,后来在短短三年时间雄踞了半壁江山,不可谓不哇塞。
iMike
2020/02/21
14.7K1
VS Code源码简析
VS Code作为Electron的成功案例,一头扎进源码之前,有必要简单梳理下Electron的基本结构
ayqy贾杰
2019/06/12
2.6K0
VS Code 源码分析 - 多语言实现
传统前端 App 多语言最简单的实现可以由一套响应式数据流管理系统来托管多语言文案,切换语言时通过数据流的变化使得界面根据文案重新渲染。但由于 VS Code 架构的复杂性,
刘小夕
2020/07/15
1.4K0
从零开发一款基于 webview 的 vscode 扩展
在团队降本提效的基建中,洛竹开发了一款 vscode 插件,第一版我使用的是 vscode 内置 UI,虽说也能用,但是用户体验欠佳。由于 vscode 内置 UI 不够灵活,一番调研后我决定使用 webview 重构。
用户1250838
2021/09/18
5.1K0
从零开发一款基于 webview 的 vscode 扩展
关于日志输出的一点点想法
日志文件提供精确的系统记录,根据日志最终定位到错误详情和根源。日志的特点是,它描述一些离散的(不连续的)事件。例如:应用通过一个滚动的文件输出 INFO 或 ERROR 信息,并通过日志收集系统,存储到一些存储引擎(Elasticsearch)中方便查询。
心之伊始
2020/06/17
1.3K0
构建vscode的vue组件代码补全插件以及上传
  我们需要做的就是把每一个组件的信息拿出来,按snippet的格式输入到snippet.json文件中去,如何从组件库中提取每一个组件对应的props呢,当然不是手工收集这种蠢蠢的方式,程序员的方式当然是用代码工具避免重复劳动。我的想法是写一个工具方法从组件中获取props,然后在node环境中执行,并生成最终的snippet.json文件。我们知道require一个模块时,会返回到export中的对象,这样就能拿到props了。
全栈程序员站长
2022/07/21
1.7K0
写一个VSCode扩展
自从使用过 VSCode 后就再也离不开 VSCode,其轻量的代码编辑器与诸多插件让多数开发者爱不释手。同样我也不例外,一年前的我甚至还特意买本《Visual Studio Code 权威指南》的书籍,来更进一步了解与使用。
愧怍
2022/12/27
3K0
写一个VSCode扩展
【Web技术】746- VSCode 插件开发入门教程
之前一直以为开发VS code插件是一件很难的事情,后来工作上需要搞一个效率小工具,就试着找了些资料来入门,发现其实就入门和开发一些简单功能的插件来说难度还是很低的。因为vscode本身是基于electron开发的,所以总体来说开发插件就是在写node代码,额外再加一些编辑器api,插件发布的过程和npm包的发布很类似。
pingan8787
2020/10/23
2.5K0
【Web技术】746- VSCode 插件开发入门教程
vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的
electron是分主进程和渲染进程的; 渲染进程是主进程启动的; ./out/main.js显然这就是主进程的入口程序; 确实不假 但别着急去分析这个文件; 因为它是在out目录下,明显是什么东西输出出来的; 我们先打扫一遍src目录下的东西; 发现了tsconfig.json
liulun
2019/07/02
2.5K0
自动化生成骨架屏的技术方案设计与落地
性能优化,减少页面加载等待时间一直是前端领域永恒的话题。如今大部分业务合作模式都是前后端分离方案,便利性的同时也带来了非常多的弊端,比如 FCP 时间显著增加(多了更多的 HTTP 请求往返的时间消耗),这也就造成了我们所说的白屏时间较长,用户体验较差的情况。
玖柒的小窝
2021/11/21
1.2K0
自动化生成骨架屏的技术方案设计与落地
Electron实践笔记
社交魔方平台是京东的 SNS 活动搭建平台,其内置了很多模板,每一个模板都有一个模板 JSON 用于生成表单,运营同学、商家配置了这个表单后就可以生成活动页面了。模板 JSON 是标准的结构化数据,包含名称、类型、控件类型、校验器、默认值等等字段。以往都是采用手写 JSON 的方式,这是非常低效的,而且容易出错。针对其结构化数据的特点可以用 GUI 的方式去编辑,我们基于 Electron[1] 参考 Github Desktop 客户端[2] 的架构编写了一个 JSON 编辑器(参见下图),通过填写表单的方式生成 JSON。所以在这里记录下这个 Electron 编辑器开发过程中可以记录的点和从 Github Desktop 客户端代码中值得学习的点。
前端迷
2019/10/22
1.1K0
axios源码中的10多个工具函数,值得一学~
本文来自读者Ethan01投稿,写了axios源码中的工具函数~非常值得一学。原文链接:https://juejin.cn/post/7042610679815241758
若川
2021/12/22
1.1K0
axios源码中的10多个工具函数,值得一学~
插件机制详述_VSCode插件开发笔记1
VS Code插件不适合做UI定制,比如Atom的tool-bar 在VS Code很难实现:
ayqy贾杰
2019/06/12
2.9K0
插件机制详述_VSCode插件开发笔记1
你不知道的 VSCode 代码高亮原理
Vscode 的代码高亮、代码补齐、错误诊断、跳转定义等语言功能由两种扩展方案协同实现,包括:
winty
2021/07/01
3K1
你不知道的 VSCode 代码高亮原理
Vue3+NodeJS 接入文心一言, 发布一个 VSCode 大模型问答插件
随着大模型能力越来越卷,在垂直领域的落地也在加快,对于大模型代码生成能力而言,最简洁高效的方式就是集成为常用IDE的插件,在vscode的插件战场中,比较知名的就有 GitHub Copilot, 智谱清言的codegeex, 讯飞星火的iFlyCode。
五月君
2023/11/14
2.4K0
Vue3+NodeJS 接入文心一言, 发布一个 VSCode 大模型问答插件
Vscode笔记-24款插件
首先当然是一些语言支持的插件,这个大家根据自己的需要安装就好了。平时编写什么语言,就安装什么语言的插件。
小城故事
2023/03/10
11.9K0
Vscode笔记-24款插件
相关推荐
微软 VSCode IDE 源码分析揭秘
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档