vscode源码分析【一】环境搭建+以源码运行vscode

安装git,nodejs和yarn
安装Python27,3.x版本的不行,确保它在你的环境变量里;
安装gulp

npm install --global gulp-cli

安装windows build tools:

npm install --global windows-build-tools --vs2015

安装node-gyp

npm install -g node-gyp

下载vscode的源码;

用管理员的方式打开powershell,不是管理员身份不行
在源码根目录下执行:yarn,安装项目依赖的包,运行之前确保你处于FQ状态
这行命令执行时,需要下载electron,会比较耗时;
执行

yarn watch

这行会执行构建工作;直到你看到如下输出,说明构建成功了!

Finished compilation with 0 errors after

看到这一行后,构建命令并没有退出;
它会监视vscode源码文件的变化,如果有变化,它会马上执行增量的构建,实时反映源码变化的结果,赞!
用管理员身份另起一个powershell,执行

.\scripts\code.bat

这行命令又会给你下载electron;
如果你不想下载,看看code.bat文件,会发现:

:: Download Electron if needed
node build\lib\electron.js

打开这个文件,你会发现:

// returns 0 if the right version of electron is in .build/electron

分析electron.js会发现,它需要的electron的版本号在根目录下的.yarnrc文件中有配置

disturl "https://atom.io/download/electron"
target "4.2.4"
runtime "electron"

vscode用的electron版本不够新,我的“想学吗”都用到5.0.2了,它还在4.2.4,
这个版本对有些原生组件兼容的不太好,比如:这个issue
刚发现这个issue在今年4月底的时候,被这个pr解决了,哈,当我没说!
如果你想加快下载速度,你可以到淘宝的electron镜像去下载相应的版本,
下载的压缩包,解压后放到这个目录下.build/electron即可;
我发现vscode没有用electron的ffmpeg.dll,而是用了一个体积更小的ffmpeg.dll
具体是因为BUG还是因为更小的体积,先不去深究。




 

猜你喜欢

转载自www.cnblogs.com/liulun/p/11037537.html