sftp跳板vscode_VScode配置SFTP连接

最近发现VS code真的是一个特别强大的编辑器&＃xff0c;以下是关于VS code的简介&＃xff1a;

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

因为以前使用HBuilder通过sftp直接连接服务器进行代码编写&＃xff0c;但是最近更新后发现可以使用SFTP的版本找不到地方下载了&＃xff0c;出了一个新的轻量级编辑器HBuilderX&＃xff0c;但是并不能支持插件&＃xff0c;在知道VS code可以使用sftp后便研究了如何使用VS code连接服务器。

安装插件

在Vscode的商店中搜索sftp扩展&＃xff0c;现在版本是1.11.0 &＃xff0c;安装完后点击重新加载就可以使用了。

配置

在第一次使用时&＃xff0c;使用快捷键CTRL&＃43;SHIFT&＃43;P 打开命令&＃xff0c;可能会提示如图

Snipaste_2019-03-20_16-47-50.png

意思是SFTP希望在文件夹中进行工作&＃xff0c;此时我们在桌面创建一个文件夹rc(放你连接服务器代码的地方&＃xff0c;我现在希望放在桌面。)&＃xff0c;然后点击Open Folder,选择我们刚刚创建的文件夹&＃xff0c;此时你能看见一个名为RC的工作区。

Snipaste_2019-03-20_16-51-20.png

然后此时再使用CTRL&＃43;SHIFT&＃43;P&＃xff0c;输入sftp后选择

Snipaste_2019-03-20_16-54-12.png

即可在该项目的根目录下生成.vscode的文件夹&＃xff0c;并生成了一个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.同步全部的工程文件&＃xff0c;可以在需要同步的文件夹上面右键&＃xff1a;选择SFTP:Sync to remote&＃xff0c;即可同步到远程服务器。

2.同步单一的文件&＃xff0c;在以在需要同步的文件上右键&＃xff0c;选择SFTP:Upload&＃xff0c;即可同步到远程服务器。

注意&＃xff1a;

不建议开启autoUpload和autoDelete操作&＃xff0c;避免不小心把临时改动update到服务器上。