樹莓派3B搭建Electron開發環境

基本步驟

(1) 安裝nodejs （2）安裝cnpm （3）安裝vscode （4）克隆electron示例 （5)運行 （6) 安裝vscode

1.安裝nodejs

首先使用瀏覽器下載nodejs的arm7安裝包，下載地址：https://nodejs.org/en/download/，默認下載路徑

下載完畢後在終端執行如下操作：

cd ~/Downloads
xz -d node-v12.18.2-linux-armv71.tar.xz
tar -xvf node-v12.18.2-linux-armv71.tar
sudo mv ./node-v12.18.2-linux-armv71 /usr/local/
sudo ln -s /usr/local/node-v12.18.2-linux-armv71/bin/node /usr/bin/node
sudo ln -s /usr/local/node-v12.18.2-linux-armv71/bin/npm /usr/bin/npm

2. 安裝 cnpm

爲了加快今後依賴庫的安裝速度，可以安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
sudo ln -s /usr/local/node-v12.18.2-linux-armv71/lib/node_modules/cnpm/bin/cnpm /usr/bin/cnpm

3. 安裝electron

cnpm install -g electron

4. 克隆electron示例倉庫

cd 
sudo mkdir dev-root
sudo chmod 777 dev-root
cd dev-root
git clone https://github.com/electron/electron-quick-start

5. 運行測試

# 進入目錄
cd electron-quick-start

# 安裝依賴
cnpm install

# 運行
cnpm start

6. 安裝vscode開發工具

wget https://packagecloud.io/headmelted/codebuilds/gpgkey -O - | sudo apt-key add -

# 如果有卡死的現象，CTRL+C終止，重新執行
curl -L https://code.headmelted.com/installers/apt.sh | sudo bash

# 安裝完畢後使用下面的命令行打開vscode
code-oss

😃 enjoy it~