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
上⾯安装的⼀⼤堆东西，看似没⽆关，其实他们⼤都是⽤来编译原⽣nodejs插件的，
nodejs的原⽣插件不是基于2进制分发的，是源码分发的，需要开发者⾃⼰编译；
下载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 "atom.io/download/electron"
target "4.2.4"
runtime "electron"
vscode⽤的electron版本不够新，我的“想学吗”都⽤到5.0.2了，它还在4.2.4，这个版本对有些原⽣组件兼容的不太好，⽐如：
刚发现这个issue在今年4⽉底的时候，，哈，当我没说！
如果你想加快下载速度，你可以到去下载相应的版本，
下载的压缩包，解压后放到这个⽬录下.build/electron即可；
我发现vscode没有⽤electron的ffmpeg.dll，⽽是⽤了⼀个体积更⼩的ffmpeg.dll，具体是因为BUG还是因为更⼩的体积，先不去深究。
运⾏起来后是这个样⼦的（注意，它的图标和title都和你下载的发⾏版是不⼀样的）
如果要调试主进程的话，可以看下图，直接在主进程的代码⾥下断点即可
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论