[VS Code]在自己的Ubuntu服務器上構建VSCode Online


北京時間 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 就能看到熟悉的界面了

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM