第一步:安装远程连接插件
点击左侧的扩展按钮,搜索插件“ Remote Development ”进行安装 
第二步:配置连接服务器账号
1)安装完后会在左侧生成了远程连接的图标,点击此图标,然后选择设置图标

2)点击弹出的 config文件,如下图  3)在文件中填写服务器的配置 Host为在VS Code内显示的名称,可以随意填写,Hostname是远程服务器的公网IP地址,User 是用于登录的用户名称。如下图: 选择.ssh/config 
第三步:修改VS Code 设置
依次选择 “文件”->“首选项”->“设置”,搜索 Show Login Terminal,勾选 ‘Always reveal the SSH login terminal’ 
第四步:进行远程连接并操作
1)再点击远程连接的图标,选择 Connect to Host in New Window,如下图 
2)点击后会打开一个新的VSCode,在下方的终端中,输入登录密码

3)输入后会显示已连接到远程,这时选择打开文件夹, 
4)选择要打开的文件夹,点击确定
或者控制台执行 打开对应的文件夹

记录VSCode远程连接服务器开发的问题解决
遇到的问题
1.使用VSCode连接远程服务器时每次打开窗口都需要输入密码,很麻烦 2.在root用户不能使用code命令 3.保存文件时提示没有权限,对文件只有只读权限
问题解决
1.第一个问题: 需要使用SSH的免密登录功能,要注意VSCode的ssh配置文件,配置的是什么用户,就是用什么用户登录的,相应的要把本地sshkey的公钥信息拷贝至所在用户家目录的.ssh/authorized_keys文件中。
- 比如:我的本地VSCode的ssh配置文件信息为如下,则需要在97这个服务的root用户/root目录下的.ssh/authorized_keys文件中追加我本地的sshkey公钥信息。Host 10.2.2.97 HostName 10.2.2.97 User root
- 如果本地VSCode的ssh配置文件信息为如下,则需要在97这个服务的apig用户的家目录下/home/apig目录下的.ssh/authorized_keys文件中追加我本地的sshkey公钥信息。这样就能实现在新打开窗口时免密登录。Host 10.2.2.97 HostName 10.2.2.97 User apig
2.第二个问题: 关于使用code命令的原理,是VSCode会在服务器端生成一个.vscode-server目录,这个目录下会存放VSCode为服务端安装的相关扩展,比如code命令。所以code命令能不能使用,还是要看VSCode的本地ssh配置,其中root用户的权限是最大的。普通用户通过sudo进入root用户时,code命令是不能使用的,需要直接使用root用户进行登录。
3.第三个问题: -关于不能保存文件的问题,需要进入root用户,或对要编辑的目录授予最大的权限。
- 比如,当前是songroom用户,需要改变wasm_test的权限,可以sudo chown -R songroom wasm_test
- 使用root用户登录
|