通过Windows的vscode ssh在树莓派或Ubuntu上进行远程开发,安装nodejs与npm、yarn配置

通过Windows的vscode在树莓派或Ubuntu上进行远程开发,安装nodejs与npm、yarn配置

  • 1. 前提条件
  • 2. Windows的VSCode配置,并远程连接树莓派或ubuntu
    • 2.1 Windows安装ssh
    • 2.2 安装vscode
    • 2.3 安装vscode扩展
    • 2.4 树莓派或ubuntu开启ssh
    • 2.5 建立ssh连接
  • 3. 树莓派或ubuntu安装与配置nodejs与npm、yarn配置
    • 3.1 查看nodejs最新版本
    • 3.2 下载nodejs
    • 3.3 解压文件
    • 3.4 删除上次nodejs安装残留(若第一次安装则略过)
    • 3.5 将解压后的文件移动到
    • 3.6 将node与npm建立软连接
    • 3.7 设置npm镜像
    • 3.8 安装yarn

1. 前提条件

Windows电脑一台,树莓派或ubuntu电脑一台,两台电脑连接同一个路由器(或Windows能通过IP地址连接到树莓派或ubuntu)

2. Windows的VSCode配置,并远程连接树莓派或ubuntu

2.1 Windows安装ssh

链接: link

2.2 安装vscode

2.3 安装vscode扩展

在扩展栏搜索Remote - SSH并安装

2.4 树莓派或ubuntu开启ssh

sudo systemctl enable ssh
sudo systemctl start ssh

2.5 建立ssh连接

ssh user@ip

3. 树莓派或ubuntu安装与配置nodejs与npm、yarn配置

可通过nvm或树莓派、ubuntu的软件源安装。但nvm要连接github,经常失败。树莓派、ubuntu的软件源nodejs版本落后于nodejs官方。所以要通过第三个方法安装(以v20.11.0为例):

3.1 查看nodejs最新版本

// 查看芯片版本,
// Linux raspberrypi 6.1.0-rpi7-rpi-v8 #1 SMP PREEMPT Debian 1:6.1.63-1+rpt1 (2023-11-24) aarch64 GNU/Linux
// aarch64为arm64
uname -a
// 浏览器打开网址,找到需要的版本
https://nodejs.org/dist

3.2 下载nodejs

// v20.11.0版本的arm64版
wget https://nodejs.org/dist/latest-v20.x/node-v20.11.0-linux-arm64.tar.xz

3.3 解压文件

// 找到刚下载的tar.xz文件,cd进入目录运行以下命令
tar -xvf node-v20.11.0-linux-arm64.tar.xz

3.4 删除上次nodejs安装残留(若第一次安装则略过)

// 找到刚下载的tar.xz文件,cd进入目录运行以下命令
sudo rm -rf /usr/bin/node

3.5 将解压后的文件移动到

// 找到刚下载的tar.xz文件,cd进入目录运行以下命令
sudo mv ./node-v20.11.0-linux-arm64 /usr/local/node

3.6 将node与npm建立软连接

// 软链接文件有类似于Windows的快捷方式,此步骤相当于Windows中将node、npm加入系统path
sudo ln -s /usr/local/node/bin/node /usr/bin/node
sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
// 如果安装成功,运行以下命令将看到版本号
node -v
npm -v

3.7 设置npm镜像

// 设置npm为淘宝镜像
npm config set registry https://registry.npmmirror.com/
// 查看镜像源
npm config get registry

3.8 安装yarn

// 设置npm为淘宝镜像
npm install -g yarn --registry=https://registry.npmmirror.com
// 建立软连接
sudo ln -s /usr/local/node/bin/yarn /usr/bin/yarn
// 查看版本
yarn -v
// 查看镜像源
yarn config get registry
// 设置镜像源
yarn config set registry https://registry.npmmirror.com/