環境及準備
學習vscode插件的開發,從編譯vscode源碼開始。
系統 windows 10,64位
環境準備
爲了下載必要的工具,clone代碼,通過yarn安裝所有依賴,準備環境需要的工具如下:
- Git
- Node.JS,根據電腦是32位還是64位選擇安裝,版本
>=10.x,<=12.x
- Yarn,安裝指南
- Python,python版本要注意使用
2.7.x
的,3.0以上的版本不支持。如果電腦中已經安裝高版本的python,也不用卸載,安裝python2.7.x版本後,在環境變量中配置python27的路徑即可。用python --version
驗證python版本。
我裝的版本,僅供參考
- AC/C++編譯器工具:
安裝windows-build-tools
windows系統安裝有兩種方式:
-
(推薦)使用Windows Build Tools npm模塊(該方式可以在一定程度上避免安裝錯誤版本)
以Administrator身份啓動Powershell,安裝Windows Build Tools npm module:npm install --global windows-build-tools --vs2015
-
使用Visual Studio 2017
安裝Visual Studio 社區版
選擇使用C++進行桌面開發(Desktop Development with C++)
在右側選擇VC++ 2015.3 v14.00 (v140) toolset for desktop
這一步注意選擇正確的版本,安裝錯了之後修改也很麻煩……
Build and Run
- clone代碼
git clone https://github.com/vscode.git
cd vscode
yarn
,該命令會下載編譯所需的node_modules
等依賴,根據網絡狀況,是最耗時,也是出錯最多的一步,在yarn
中遇到的問題及解決方法。yarn watch
,上一步執行完成後,這一步基本不會有問題,等待完成即可。
- yarn watch執行後,另起一個命令行,執行
.\scripts\code.bat
就完成啦!
該步驟會下載兩個包,如果網絡不穩定可能會失敗,重啓命令行多試幾次即可(家裏wifi不穩定,開手機熱點解決的)。
可以看到畫面,其中界面的名字不是vscode,而是Code-OSS,圖標也和vscode的不同。
參考
- 最主要的參考是官方文檔的步驟和常見問題討論,這裏能解決70%以上的問題。其他系統的解決方案和步驟在這裏也能找到。
官方文檔:https://github.com/Microsoft/vscode/wiki/How-to-Contribute#build-and-run - 其他環境準備過程中如果遇到問題,也可去找對應的官方文檔,鏈接在文章中可以點擊直達。