vscode源码分析【二】程序的启动逻辑，第一个窗口是如何创建的

最新推荐文章于 2024-03-13 00:33:59 发布

liulun

最新推荐文章于 2024-03-13 00:33:59 发布

阅读量382

点赞数

分类专栏： Electron 文章标签： vscode Electron javascript

本文链接：https://blog.csdn.net/liulun/article/details/110953498

版权

本文深入分析VSCode的源码，揭示程序启动时主窗口如何创建。从package.json找到主进程入口main.js，然后转向src/main.js，关注electron的ready事件，发现关键在于bootstrap-amd和main.ts。通过模块加载和实例化服务，最终在CodeApplication的startup方法中，通过WindowsManager的open方法创建窗口，完成VSCode的主窗口显示。

摘要由CSDN通过智能技术生成

我们在package.json里能找到他的入口文件；

"main": "./out/main",

electron是分主进程和渲染进程的；
渲染进程是主进程启动的；
./out/main.js显然这就是主进程的入口程序；
确实不假
但别着急去分析这个文件；
因为它是在out目录下，明显是什么东西输出出来的；
我们先打扫一遍src目录下的东西；
发现了tsconfig.json

"outDir": "../out",

哈，这是typescript代码，编译后输出到./out/目录下的；

那么我们来看src下的main.js
分析代码最主要的就是目的明确，我们的目的是看看他的启动逻辑（主窗口是怎么打开的）
无关的东西先不管，要不然很容易迷失...；
我们在main.js里找electron的ready事件

app.once('ready', function () {
	if (args['trace']) {
		// @ts-ignore
		const contentTracing = require('electron').contentTracing;

		const traceOptions = {
			categoryFilter: args['trace-category-filter'] || '*',
			traceOptions: args['trace-options'] || 'record-until-full,enab