目录
3.2、Visio Studio Code连接远程树莓派实现在线开发调试
本章节主要是基于树莓派的ssh和vnc搭建好的开发环境,配置Windows的适配环境,当然macos也可以参考本章节的流程,如果没有搭建树莓派的SSH和VNC环境,请参考我的 01_树莓派开发环境搭建
1、Raspberry Pi OS远程SSH登录
下面以Windows 10为例,介绍通过SSH远程登录到树莓派的步骤,其它操作系统的步骤类似。
- (1)确保树莓派和PC机处于同一个局域网,并已成功连接到对应路由器。
- (2)打开Win10的命令提示符(或PowerShell),可以按快捷键【Win+X,再按A】。
- (3)输入命令【ssh pi@raspberrypi】然后回车确定,出现验证警告的时候,输入yes,然后回车,跳转到输入密码界面:
图1-1 SSH登录界面
此时输入之前设定的账户密码,注意,此处输入密码的时候屏幕看不到文字输入,是正常现象,只要完整正确输入密码,按回车键确认即可。
- (4)成功输入正确的密码后,即可登录进入树莓派的终端,此时可以在终端执行命令,比如查看当前所连接网络的ip地址,输入命令【ifconfig -a】然后回车确定。
图1-2 IP地址查询
通过终端可以很方便的完成远程开发和调试,无需再额外连接键盘鼠标显示器到树莓派。
2、Raspberry Pi OS远程VNC登录
有时候,终端页面只能通过手动输入命令的方式执行我们想要的操作,同时,也不能显示图形界面,在一些应用场景中可能比较麻烦,这时候,我们可以通过VNC Viewer连接到树莓派的桌面,直接图形界面执行相关操作。
2.1、VNCView下载安装
- 在PC上下载VNC Viewer
下载地址:https://www.realvnc.com/en/connect/download/viewer/
选择对应的操作系统的安装包下载进行安装。
图2-1 VNC下载界面
VNC安装步骤,直接按照提示安装。
2.2、VNC链接树莓派
- 确保树莓派与PC连接到同一个局域网(比如连接到同一个路由器),打开VNC Viewer,在地址页面输入树莓派的主机名【raspberrypi】,按回车发起连接;
图2-2-1 VNC Viewer发起连接
由于树莓派是第一次连接,软件弹出安全警告,直接点【continue】继续。
图2-2-2 确认身份证
输入用户名【pi】,密码为之前设定的账户密码,点击【OK】开始连接。
图2-2-3 输入账户密码
这时候,可以正常显示树莓派的桌面,但是分辨率太低了,可以按照下述步骤来调整分辨率:
图2-2-4 主界面
2.3、配置适应外置屏幕的分辨率
- 修改屏幕分辨率,让其适合外接的显示屏
图2-3-1 调整分辨率:选择Screen Configuration
图2-3-2 选择分辨率
图2-3-4 应用配置好的分辨率
2.4、使用IP地址远程登录
注意:VNC Viewer在第一次使用主机名连接的时候可以成功,并保存为历史会话,但是重新双击历史会话的时候会出现连接不上的情况,这时候,建议使用树莓派的IP地址进行连接。
图2-4-1 记录IP地址
图2-4-2 VNC用树莓派的IP地址连接
图2-4-3 推荐用IP地址链接
3、Visio Studio Code远程开发环境搭建
3.1、Visio Studio Code简介
Visual Studio Code是一个轻量级但功能强大的源代码编辑器,它运行在桌面上,可用于Windows、macOS和Linux。它内置了JavaScript、TypeScript和Node.js的内置支持,并有丰富的扩展语言用于其他语言(如C++、C语言、java、python、php、go)和运行时环境(如.NET和Unity)。
Visio Studio Code拥有丰富的拓展插件,通过安装不同的插件可以使得编辑器拥有更加丰富而强大的功能。本节实现远程连接树莓派并实现在PC上直接写代码开发就是通过安装插件Remote-SSH实现的。
官网下载链接:https://code.visualstudio.com/
下载后,默认安装就可以了。
图3-1-1 下载主界面
图3-1-2 Viso Studio Code主界面
3.2、Visio Studio Code连接远程树莓派实现在线开发调试
打开Visio Studio Code,点击侧边的“拓展”按钮打开拓展插件管理器,搜索“remote-ssh”,找到如图所示插件点击安装,等待安装完成;
备注:如果没有出现中文的菜单,则需要安装中文包
图3-2-1 remote-ssh界面
打开Visio Studio Code,点击侧边的“拓展”按钮打开拓展插件管理器,搜索“remote-ssh”,找到如图所示插件点击安装,等待安装完成;
图3-2-2 启动remote-ssh
确保树莓派已经正常开机,并且和PC机在同一个局域网,并确定ssh连接方式可以正常连接上树莓派。在弹出的地址框中输入ssh连接树莓派的命令【ssh pi@raspberrypi】,按下回车;
图3-2-3 输入远程连接指令 ssh pi@raspberrypi
弹出选择配置文件,直接选择默认的第一个即可,按回车确定;
图3-2-4 选择配置文件
此时右下角会弹出一个提示是否需要编辑配置文件还是马上连接,我们先不着急连接,先打开配置文件;
图3-2-5 打开配置文件
在配置文件末尾按照如图所示格式添加一行【Port 22】,按Ctrl+S保存配置文件;
图3-2-6 配置端口
保存好配置文件后,回到左上角,在配置好的主机列表右键单击,选择【Connect to Host in Current Window】,在当前窗口连接主机;
图3-2-7 Connect to Host in Current Window
在警告中输入yes确认,然后输入账户密码连接远程主机;
图3-2-8 账号和密码
若密码输入正确,Visio Studio Code会在树莓派上自动配置访问远程的进程,请大家在稍后编辑代码,访问文件等操作的时候不要关闭这个终端窗口;
图3-2-9远程连接成功
3.3、打开文件夹
此时已经成功连接到远程树莓派,回到左上角远程资源管理器,点击“打开文件夹”;
图3-3-1 打开文件夹
弹出路径选择框,直接选默认的打开用户的文件夹【/home/pi】即可;
图3-3-2 打开指定目录
此时还会需要用户输入密码,再次在下面的终端中输入树莓派的账户密码;
图3-3-3 再次输入账号和密码
若密码输入正确,在左边资源管理器就会显示树莓派上面的文件;
图3-3-4 文件夹列表
可以点击+创建一个新的树莓派终端;
图3-3-5 创建新的树莓派终端
在终端上可以直接执行命令;
图3-3-6 终端命令操作