1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCode(Visual Studio Code) 拡張機能:SFTPの設定と使用法

Last updated at Posted at 2019-08-12

sftpのインストール

拡張機能の画面で「SFTP」と検索&インストールします

設定

view -> コマンドパレットからsftp.json
接続先の環境に合わせて設定します。複数の場合は{}をカンマで区切ればよいです
設定ファイルの保存先はワークスペースの.vscodeの下になります
image.png

{
"name": "****.domain",
"host": "host名を設定",
"protocol": "ftp",
"port":21,//←環境に合わせてポート指定
"username": "ユーザーID",
"password":"パスワード",
"remotePath": "/",
"uploadOnSave": false
}

uploadOnSave: 自動保存

「true」:自動的に設定したサーバーにアップロード=上書きです

SFTP: REMOTE EXPLORER

左メニューのsftpから
「SFTP: REMOTE EXPLORER」のアイコンから
エクスプローラーにサーバー上のファイルやフォルダーを表示できます

差分比較

右クリック:diff with remote でカラフルな表示で確認できます

image.png

その他

IDEが便利な反面、重いのが難点でしたが、
vscodeなかなか便利なので状況・局面で使い分けるといいと思っています

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?