网站推广线上推广/个人网站制作源代码

最近发现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到服务器上。