如何編譯運行vscode源碼

環境及準備

學習vscode插件的開發,從編譯vscode源碼開始。
系統 windows 10,64位
環境準備
爲了下載必要的工具,clone代碼,通過yarn安裝所有依賴,準備環境需要的工具如下:

  1. Git
  2. Node.JS,根據電腦是32位還是64位選擇安裝,版本 >=10.x,<=12.x
  3. Yarn,安裝指南
  4. Python,python版本要注意使用2.7.x的,3.0以上的版本不支持。如果電腦中已經安裝高版本的python,也不用卸載,安裝python2.7.x版本後,在環境變量中配置python27的路徑即可。用python --version驗證python版本。
     我裝的版本,僅供參考
    在這裏插入圖片描述
  5. 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
  • 其他環境準備過程中如果遇到問題,也可去找對應的官方文檔,鏈接在文章中可以點擊直達。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章