Visual Studio Code是個(gè)很優(yōu)秀的開發(fā)環(huán)境，沒有樹莓派4下的安裝版本，需要從源代碼安裝。
看看最后的成果，在樹莓派4下完美運(yùn)行Visual Studio Code最新版本。
從github下載源碼
git clone https://github.com/microsoft/vscode
github速度慢的話?？梢詮拇a云gitee.com 下載
準(zhǔn)備工作
修改 --max_old_space_size 參數(shù)
需要將源代碼目錄下的package.json
里面的--max_old_space_size參數(shù)改為2048
否則編譯過程中會(huì)出現(xiàn)JavaScript內(nèi)存溢出的錯(cuò)誤。畢竟是個(gè)4G內(nèi)存的樹莓派小主機(jī)。
修改Python為Python3版本
sudo ln -s /usr/bin/python3 /usr/bin/python
安裝一些依賴庫(kù)
安裝一些工具，庫(kù)文件，如yarn libx11,libxkbfile-dev,libsecret-1
編譯
進(jìn)入源代碼根目錄，運(yùn)行下面的編譯命令
./scripts/npm.sh install
如果順利的話， 半小時(shí)左右可以編譯完成
運(yùn)行
./scripts/code.sh
第一次運(yùn)行需要較長(zhǎng)時(shí)間，需要下載ffmpeg,electron6.1.5版本
運(yùn)行的時(shí)候會(huì)提示錯(cuò)誤，找不到../build/Release/sqlite模塊。
安裝sqlite3模塊
在 node_modules的vscode-sqlite3目錄下，找到binding.gyp文件
找到這一條語(yǔ)句：
["target_arch=='arm'", {"type": "static_library"}]
把 target_arch=='arm' 中的arm改成任意的字符如target_arch=='nonarm'
保存后運(yùn)行
node-gyp configure
生成配置文件后，再運(yùn)行
node-gyp build
將在 build/Release 目錄生成 sqlite.node 模塊文件
下載electron-rebuild
npm install electron-rebuild
在vscode源代碼的根目錄下運(yùn)行下面命令將模塊匹配到當(dāng)前的Electron6.1.5版本
./node_modules/.bin/electron-rebuild -v 6.1.5 -m ./visual studio code -o vscode-sqlite3
-m 后面是vscode源代碼的根目錄，-o 表示僅編譯vscode-sqlite3模塊
安裝vscode 擴(kuò)展
從源代碼編譯運(yùn)行的vscode,找不到擴(kuò)展庫(kù)。需要修改根目錄下的product.json文件，加上以下配置信息：
"extensionsGallery": {
"serviceUrl": "https://marketplace.visualstudio.com/_apis/public/gallery",
"cacheUrl": "https://vscode.blob.core.windows.net/gallery/index",
"itemUrl": "https://marketplace.visualstudio.com/items"
}
再次運(yùn)行vscode。幾乎完美！
創(chuàng)建桌面圖標(biāo)
創(chuàng)建一個(gè)code.desktop文件
[Desktop Entry]
Name=Visual Studio Code
Comment=Code Editing. Redefined.
GenericName=Text Editor
Exec=/home/pi/vscode2/visual-studio-code/scripts/code.sh --no-sandbox --unity-launch %F
Icon=/home/pi/vscode2/visual-studio-code/com.visualstudio.code.png
Type=Application
StartupNotify=false
StartupWMClass=Code
Categories=Utility;TextEditor;Development;IDE;
MimeType=text/plain;inode/directory;
Actions=new-empty-window;
Keywords=vscode;
[Desktop Action new-empty-window]
Name=New Empty Window
Exec=/home/pi/vscode2/visual-studio-code/scripts/code.sh --no-sandbox --new-window %F
Icon=//home/pi/vscode2/visual-studio-code/com.visualstudio.code.png
將路徑改為自己機(jī)器上的?？截恈ode.desktop文件到桌面
com.visualstudio.code.png 圖標(biāo)文件，我是從下載的debian包里取出來的。
