VS Code远程编辑

水深无声 2021-09-20 06:50 287阅读 0赞

**一、安装 Visual Studio Code**  
安装方法自行百度。  
**二、点击下图中箭头所指图标打开应用商店，搜索SFTP插件安装。**  
![在这里插入图片描述][20190619135749989.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1Nzc0NzQ_size_16_color_FFFFFF_t_70]  
安装完成。

**配置SFTP**  
1、打开自己的工作文件夹（必须，因为后面的配置文件会生成到该文件夹中）

2、按快捷键Ctrl+shift+p，输入sftp:config回车进入配置文件(会在你的工程目录下生成一个sftp.json配置文件)  
![在这里插入图片描述][20190619140651610.png]  
修改sftp.json配置文件，

{
        "name": "YfwServer",
        "host": "172.20.11.114",					//服务端IP地址
        "protocol": "sftp",
        "port": 22,
        "username": "root",							//sftp账号
        "password": "yfw123456",				//sftp密码
        "remotePath": "/root/nodejstest/my-project",			//你服务端工程所在的目录
        "uploadOnSave": true，
       /*下面watcher部分，实现保存后自动上传和同步删除（根据需要选择添加）*/
        "watcher": {
      		        "files": "glob",
      		        "autoUpload": true,//自动上传
      		        "autoDelete": true
      		   	 }
    }

如果没有配置自动更新，通过右键点击你要上传的文件，点击下图中的Upload即可上传更新该文件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1Nzc0NzQ_size_16_color_FFFFFF_t_70 1]

**然后你就可以远程编写或修改代码了。**

[20190619135749989.png]: /images/20210726/61ba6b0a5ceb45098c5843fdf8fa88bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1Nzc0NzQ_size_16_color_FFFFFF_t_70]: /images/20210726/f6400d374ca94d56a24b897e62766d6d.png
[20190619140651610.png]: /images/20210726/f70a8d6ceaf341ed96e7aa3061a90d76.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1Nzc0NzQ_size_16_color_FFFFFF_t_70 1]: /images/20210726/a83b78fa07614ff1a94dd111464d664c.png