北京時間 2019 年 5 月 7 日,在微軟Build 2019開發者大會上,微軟宣布了 Web 版本的 VS Code - Visual Studio Online
相比之前的code-server,VS Code Online算是真正的親兒子
我呢,就想着能第一時間體驗一下,但是網上目前都是基於Azure雲的,自己構建的較少
所以,就自己研究着構建了一下,寫這篇博客記錄一下構建過程,也能讓大家有個參考
其實自己構建VS Code Online也很方便
照着微軟的文檔就能構建起來(https://github.com/Microsoft/vscode/wiki/How-to-Contribute#build-and-run)
下面就是我的構建過程,大家照着我的過程就能構建起來
1、安裝Git
sudo apt-get install git
2、安裝Node.JS
這里按照微軟官方的要求,必須是x64的,而且版本號在10.x到12.x之間的nodejs,我這里采用的就是v12.13.1版本
sudo apt-get install nodejs sudo apt-get install npm sudo npm install npm -g sudo npm install -g n sudo n 12.13.1
3、安裝yarn
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list sudo apt update && sudo apt install yarn
4、安裝Python
按照微軟官網的要求,這里只能安裝python2.7的版本,直接apt install默認就是2.7了
sudo apt-get install python
5、安裝C++相關組件
sudo apt-get install libx11-dev libxkbfile-dev sudo apt-get install libsecret-1-dev sudo apt-get install fakeroot rpm
到這里,所有的准備工作就完成了,接下來就是編譯和運行了
1、clone源代碼
git clone https://github.com/microsoft/vscode.git
2、構建vscode
cd vscode
yarn
接下來就是漫長的等待了

看到Done就是完成了
構建完成之后需要執行下面的命令,切記切記,我就是沒有執行這個,導致一直報錯
yarn watch
接下來也是漫長的等待,還有可能會卡住,只要看到下面紅框的輸入,就可以執行Ctrl+C中斷了,我親測,不影響運行

接下來重頭戲就來了,執行
yarn web
也可以加上 --port 來控制端口,--host 來控制監聽地址
下面是我執行的命令

接下來,瀏覽器訪問192.168.1.3:8080 就能看到熟悉的界面了

至此,全部工作就完成啦。開始愉快的寫代碼吧
