小插曲 -- 使用Visual Studio Code远程连接香橙派

在之前的学习中,代码的修改和保存都依赖于“vi”指令,而不得不承认vi指令的编辑界面非常原始,所以,如果可以将代码编辑放到更友好的环境里进行无疑是一件大快人心的事情。

本节介绍如何通过Visual Studio Code来进行远程连接:

Visual Studio Code下载

在官网进行下载:Visual Studio Code - Code Editing. Redefined

下载完成后,打开安装包:

小插曲 -- 使用Visual Studio Code远程连接香橙派_第1张图片

然后一路装到底就OK了 

配置步骤

  • 打开VS CODE,找到“extension”:

  • 然后下载“Remote Development" 和 “chinese” :

小插曲 -- 使用Visual Studio Code远程连接香橙派_第2张图片

小插曲 -- 使用Visual Studio Code远程连接香橙派_第3张图片

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第4张图片

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

参考:

【VScode技巧】:VScode界面显示模糊_vscode界面模糊_嵌入式up的博客-CSDN博客

NVIDA控制面板 :

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第5张图片

  • 在SSH侧选择新建,并在中间上方输入以下命令(此处IP我写的是192.168.2.23):

ssh [email protected]

 然后选择管理员用户:

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第6张图片

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第7张图片

小插曲 -- 使用Visual Studio Code远程连接香橙派_第8张图片 

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第9张图片 

 

然后输入orangepi的密码: 

然后就连接成功了:

小插曲 -- 使用Visual Studio Code远程连接香橙派_第10张图片

  • 打开远程目录:

假设我现在想要编辑我香橙派家目录下的smart_bin目录下的代码:

点击左上角“资源管理器”:

点击打开文件夹:

中间上方选择“smart_bin”:

小插曲 -- 使用Visual Studio Code远程连接香橙派_第11张图片

点击“确定”: 

 

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第12张图片

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

小插曲 -- 使用Visual Studio Code远程连接香橙派_第13张图片

VS CODE常用操作 & 注意事项

  • “ALT + SHIFT":多行缩进
  • “CTRL + S”:保存

注意:

虽然使用VSCODE来编辑代码可以大大提升效率,但是通过VSCODE远程连接香橙派会给香橙派本就不强大的CPU造成很大的负荷,此时如果还运行一个较大的程序会导致程序的经常性卡死和连接断开。综上,VSCODE只适合代码的编辑,在代码编辑完成后,还是建议在MobaXterm进行程序的运行!

 

你可能感兴趣的:(visual,studio,ide,香橙派,linux,编辑器,开发语言)