美文网首页
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