美文网首页
VS code配置SFTP连接

VS code配置SFTP连接

作者: 鱼Fcn | 来源:发表于2019-03-20 16:57 被阅读0次

最近发现VS code真的是一个特别强大的编辑器,以下是关于VS code的简介:

Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、PHP等其他语言。

因为以前使用HBuilder通过sftp直接连接服务器进行代码编写,但是最近更新后发现可以使用SFTP的版本找不到地方下载了,出了一个新的轻量级编辑器HBuilderX,但是并不能支持插件,在知道VS code可以使用sftp后便研究了如何使用VS code连接服务器。
安装插件
在Vscode的商店中搜索sftp扩展,现在版本是1.11.0 ,安装完后点击重新加载就可以使用了。
配置
在第一次使用时,使用快捷键CTRL+SHIFT+P 打开命令,可能会提示如图

Snipaste_2019-03-20_16-47-50.png
意思是SFTP希望在文件夹中进行工作,此时我们在桌面创建一个文件夹rc(放你连接服务器代码的地方,我现在希望放在桌面。),然后点击Open Folder,选择我们刚刚创建的文件夹,此时你能看见一个名为RC的工作区。
Snipaste_2019-03-20_16-51-20.png
然后此时再使用CTRL+SHIFT+P,输入sftp后选择
Snipaste_2019-03-20_16-54-12.png
即可在该项目的根目录下生成.vscode的文件夹,并生成了一个sftp.json的文件。
{
   "name": "rc",
    "protocol": "sftp",
    "host": "132.XXX.XXX.XXX",
    "username": "root",
    "password": "xxxxxx",
    "port": 22,
    "uploadOnSave": false,
    "downloadOnOpen": false,
    "watcher": {
        "files": "**/*",
        "autoUpload": true,
        "autoDelete": true
    },
    "ignore": [
        "node_modules",
        ".vscode",
        ".idea",
        ".DS_Store"
    ],
    "remotePath": "/www/XXXX"
 
}

只需要配置host、username、password以及 remotePath四个参数就可以使用了。
1.同步全部的工程文件,可以在需要同步的文件夹上面右键:选择SFTP:Sync to remote,即可同步到远程服务器。
2.同步单一的文件,在以在需要同步的文件上右键,选择SFTP:Upload,即可同步到远程服务器。
注意:
不建议开启autoUpload和autoDelete操作,避免不小心把临时改动update到服务器上。

相关文章

网友评论

      本文标题:VS code配置SFTP连接

      本文链接:https://www.haomeiwen.com/subject/zlrtvqtx.html