最近发现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 打开命令,可能会提示如图
意思是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到服务器上。
网友评论