今回はVScodeの拡張機能である「SFTP」を使ってサーバーにアップする手順を説明します。FTP接続だけではなく、SSHを使ったSFTP接続の設定方法も紹介します。「SFTP」を使うメリットは以下です。複数のフォルダをアップロードの対象にするサーバーにアップしたファイルを操作するには?拡張機能「SFTP」を使ってサーバーにアップする手順VScodeの拡張機能「SFTP」を使えば、わざわざFTPソフトを立ち上げる必要がないため作業効率が上がります。拡張機能「SFTP」をインストールしましょう。拡張機能「SFTP」をインストールSFTPと検索すると以下のように表示されるので「インストール」を押しましょう。サーバー情報を書き込むサーバーに接続するための情報を書き込んでいきます。すると.vscodeとsftp.jsonの2つが作成されるので、このsftp.jsonにサーバー情報などを書き込んでいきます。//アップロードするフォルダを指定。指定しないと全体をアップロード。今回は「dist」フォルダをアップロード対象フォルダに指定しているので、「dist」フォルダの中がアップロードされます。特定のファイルだけをアップロードしたいならファイルを選択している状態でUploadです。その他のコマンドには以下のものがあります。(最新ファイルに統合)SFTP接続でアップロードする場合SFTP接続する場合は、sftp.jsonに書く内容が変わってきます。秘密鍵や公開鍵について理解できていないと設定は難しいでしょう。}remotePathに設定するパスがftpと変わることがあるので注意してください。deniedと表示されて接続できません。秘密鍵と公開鍵の作成方法については以下の記事が参考になります。Quitta自分のパソコン(クライアント側)で作成する他に、サーバーによっては管理画面から両方の鍵を作成してくれるところもあります。設定がしっかりできているのに、SFTP接続できない原因の多くはパーミッションエラーです。ファイルのパーミッションが以下の通りなっているか確認しましょう。.sshは700サーバー側にあるauthorized_keysは600秘密鍵は600パーミションの調べ方・変更の仕方は以下の記事が参考になります。Quiita複数のフォルダをアップロードの対象にするアップロードしたいフォルダを複数指定する書き方は以下のようになります。}]サーバーにアップしたファイルを操作するには?サーバーにアップしたファイルもVScode上で編集、削除ができます。サーバーにアクセスしたら、編集もしくは削除したいファイルを選んで右クリック。Local】で編集、【Delete】で削除です。まとめVScodeの拡張機能「SFTP」の設定方法について説明しました。ftp接続なら特に迷うことなく設定できると思います。sftp接続については秘密鍵と公開鍵の作成から始めないといけないため、少し難易度が高いかもしれません。いずれにしても拡張機能である「SFTP」を使うことでサーバーにアップするまでの時間を短縮できます。作業効率を上げたい方はぜひ使ってみてください。