Visual Studio Code で SFTP プラグインを使ってファイルをアップロードする

エディタで Visual Studio Code を使ってるんですけど、サーバにファイルをアップするのに良い方法はないですか？

Visual Studio Code なら SFTP というエクステンションが便利だよ

エディタとしてIDEとして、何かと便利な Visual Studio Code ですが、ファイルの編集やGitとの連携の他に、サーバへのファイルアップロードなどもシームレスに行えるとうれしいですね。

今回は、SFTPというエクステンション（プラグイン）を使った方法を説明します。

Contents

SFTPのインストール
SFTPの設定
ファイルのアップロード・ダウンロード
その他の機能

SFTPのインストール

SFTPのインストールはエクステンションマーケットプレイスから行います。

画面左側にあるエクステンションマーケットプレイスのアイコンをクリックします
検索ボックスに「SFTP」と入力します
表示された sftp エクステンションの「Install」をクリックします

以上でインストールは完了します。
簡単ですね。

SFTPの設定

SFTPの設定はディレクトリ（フォルダ）ごとに行われますので、まずVisual Studio Code でプロジェクトのディレクトリを開いてください。

その後、左下にある歯車アイコンを右クリックし、「Command Palette…」をクリックします。

表示されたテキストボックスに「> SFTP: Config」と入力してエンターを押します。

{
    "protocol": "sftp",
    "host": "example.com",
    "port": 22,
    "username": "taro",
    "privateKeyPath": "/Users/taro/data/SSH/taro.pem",
    "remotePath": "/sample/wordpress"
}

{

"protocol": "sftp",

"host": "example.com",

"port": 22,

"username": "taro",

"privateKeyPath": "/Users/taro/data/SSH/taro.pem",

"remotePath": "/sample/wordpress"

}

定義ファイルの編集ウィンドウが表示されますので、上記の例のように情報を入力して保存します。

host	接続するサーバのホスト名、またはIPアドレス
username	接続するユーザのユーザ名（サーバ側）
privateKeyPath	接続するユーザのSSH秘密鍵のローカル側のファイルパス
remotePath	サーバ側のディレクトリパスローカルで開いているディレクトリと、ここで指定したリモートのディレクトリが対応します。