vs code访问和编辑远程文件前言vs code 插件

103 阅读 0 评论 68 点赞

我是靠谱客的博主怕孤单汽车，这篇文章主要介绍vs code访问和编辑远程文件前言vs code 插件，现在分享给大家，希望可以做个参考。

前言

远程aliyun系统是linux ，本地系统是windows 。在工作中想通过本地vscode 编辑文件，编译在远程。
研究了一下vscode 编辑远程文件的问题：

vs code 插件

下载插件 “remote-browser”

需要vs code 安装插件
在这里插入图片描述

配置

在“文件”=》“首选项”=》“设置” 中，搜索remoteBrowser.connectionOptions，然后编辑下方的setting.json

在这里插入图片描述

添加以下字段：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 #添加远程登录的主机地址、用户账号及访问的端口即可
    "remoteBrowser.connectionOptions": {

        "host": "10.x.x.11",  

        "username": "admin", 

        "port": 22

    },
    ```

## 输入密码：
快捷键ctrl+shift+p，输入命令 “ remote-browser:Connect ”，将会弹出密码输入提示，输入正确密码后将登录到远程主机。
VScode右下角将提示已远程登录成功，remote-browser:Connected


## 成功：
在文件浏览界面，将看到会增加了一个REMOTE BROWSER，在此显示远程主机上的目录及文件

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200221135015742.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTY1ODExOA==,size_16,color_FFFFFF,t_70)