在之前的学习中,代码的修改和保存都依赖于"vi"指令,而不得不承认vi指令的编辑界面非常原始,所以,如果可以将代码编辑放到更友好的环境里进行无疑是一件大快人心的事情。
本节介绍如何通过Visual Studio Code来进行远程连接:
Visual Studio Code下载
在官网进行下载:Visual Studio Code - Code Editing. Redefined
下载完成后,打开安装包:

然后一路装到底就OK了
配置步骤
打开VS CODE,找到"extension":

然后下载"Remote Development" 和 "chinese" :


配置文件-->首选项->设置->Font Size为20:

关闭显卡的平滑处理(FXAA)或多帧采样(MFAA):(否则VSCODE界面经常会模糊)
参考:
NVIDA控制面板 :

点击远程资源管理器,然后左上角选择SSH:

在SSH侧选择新建,并在中间上方输入以下命令(此处IP我写的是192.168.2.23):
ssh orangepi@192.168.2.23
然后选择管理员用户:

然后点击右下角弹窗的"打开配置"就可以看到配置信息:

点击左下角"打开远程窗口" ,并在中间上方选择"连接到主机",选择IP:



此时就跳出了连接的界面,选择"Linux":


然后输入orangepi的密码:

然后就连接成功了:

打开远程目录:
假设我现在想要编辑我香橙派家目录下的smart_bin目录下的代码:
点击左上角"资源管理器":

点击打开文件夹:

中间上方选择"smart_bin":

点击"确定":

再次选择"Linux",并输入香橙派密码:


此时,就成功连接上了smart_bin文件夹,可以使用VSCODE对于代码进行编辑操作了!

VS CODE常用操作 & 注意事项
- "ALT + SHIFT":多行缩进
- "CTRL + S":保存
注意:
虽然使用VSCODE来编辑代码可以大大提升效率,但是通过VSCODE远程连接香橙派会给香橙派本就不强大的CPU造成很大的负荷,此时如果还运行一个较大的程序会导致程序的经常性卡死和连接断开。综上,VSCODE只适合代码的编辑,在代码编辑完成后,还是建议在MobaXterm进行程序的运行!