web-dev-qa-db-ja.com

VSCodeを使用してWebサイトファイルをリモートで編集する方法

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

リモートエディターを動作させようとしましたが、/ homeフォルダーに配置した.remoteファイルを取得できません。この手順では、これを設定する方法について詳しく説明していません。

私は何をしますか？

phpvisual-studio-codeediting
5
Ron Le Vine

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

または、 FTP Sync のような拡張機能を使用してローカルでコーディングし、ファイルを自動的に同期させることもできます。

4
Mark

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

まず、sshfsがあります。これはクロスプラットフォームであり、OSパッケージマネージャーを介してインストールできます。簡単な方法は次のとおりです。

mkdir -p ~/mnt/server
sshfs [email protected]:/path/on/server ~/mnt/server

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

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

接続を閉じるには、単にマウントを解除します。

umount ~/mnt

GUIベースのアプローチには、いくつかのオプションがあります。ボリュームとして接続をマウントする機能を備えた Transmit （macOS）があります Forklift （macOS）同じ ExpanDrive （macOS/Windows）と私のお気に入り Mountain Duck （macOS/Windows）。

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

3
herrbischoff

FileZillaを使用してから、VScodeをデフォルトのエディターとして設定します（編集->設定->ファイル編集->ファイルタイプの関連付け、および「php/usr/bin/code」を挿入）。了解しました。FTPでファイルを選択し、[表示/編集]を押してから、VScodeエディタでファイルを開いてください。完了:)

1
xtralargex

これを入力するだけですFilezilla設定->ファイル編集->ファイルの関連付け

php/snap/bin/code

0
donmj