VSCodeを使ってWebサイトのファイルをリモートで編集する方法は？

Question

クライアント用のWebサーバーにリモートログインし、リモートでコードを編集できる必要があります。私は主にCSSの変更のためにこれを使用するだけでなく、同様にPHPで遊び始めています。

私はリモートエディタを動作させようとしましたが、/ homeフォルダに置いた.remoteファイルを受け取りません。指示は実際にこれを設定するための素晴らしい詳細を与えていません。

私は何をしますか？

Answer 1

FTPクライアント（FileZillaなど）を使用して、デフォルトのエディタとしてVSCodeを設定します。ファイルを開くたびに、VSCodeでファイルが開きます。自分のコンピュータにすべてのコードをダウンロードし、それを開発環境として使用し、変更が終わったらサイトをバックアップし、変更されたファイルを一緒にアップロードすることを強くお勧めします。自分のマシン上のファイルを編集する必要はありませんが、何らかの理由で古いバージョンに戻す必要がある場合は（コードを間違えてしまって、何も正しく動作しないなど）、お勧めします。

また、FTP Syncのような拡張子を使用してローカルでコードを作成し、ファイルを自動的に同期させることもできます。

Answer 2

これには、エディターに依存しないすべてのアプローチがあります。

まず、クロスプラットフォームのsshfsがあり、OSパッケージマネージャを使用してインストールできます。単純なアプローチは、以下のようになります：

mkdir -p ~/mnt/server 
sshfs user@server.example.com:/path/on/server ~/mnt/server 

は、その後、あなたが~/mnt/serverで局所的に利用可能なserver.example.comから完全なフォルダ構造を有しています。毎回ユーザーパスワードを入力しないようにSSHキーを設定してください。あなたはネット上のどこでもチュートリアルを見つけることができます。

FTPアクセスのみを提供するサーバー（共有ホスティングなど）の場合は、同じ方法でcurlftpfsを使用できます。

接続を閉じるには、単にアンマウント：GUIベースのアプローチのために

umount ~/mnt 

を、あなたはいくつかのオプションがあります。 Transmit（macOS）は、マウントする接続をボリュームとして、Forklift（macOS）は、（macOS/Windows）と私のお気に入りのMountain Duck（macOS/Windows）を同じにすることができるFinderの代替品です。

多数のデータ、特に小さなファイルを多数移動する予定の場合、Mountain Duckは私の経験では最高のパフォーマンスを発揮します。