VS Code | ノウハウツリー

PHPやJavaScriptのコードを編集する際は、Eclipseをこれまで使っていたのですが、VS Code(Visual Studio Code)でも同じ事が出来るらしい、という事を小耳にはさんだので試してみました。

結論として、Visual Studio CodeよりEclipseの方がよっぽど使い易いです。

Eclipseで、WEBサーバに接続してコードを編集する場合、標準でリモートシステムエクスプローラーという機能を使っていましたが、VS Codeでは、リモート接続用の拡張機能を使って行う様です。

VS CodeでWEBサーバにリモート接続した時の手順をまとめます。

その時の手順などをメモっておきます。まず、VS Codeをインストールします。インストールの手順は省略します。

インストールが完了したらVS Codeを起動します。

画面左側のアイコンをクリック＞ remote development

すると Remote Developmentというのが出て来るのでクリックします。

Installをクリックします。

この時に機能拡張パックとして

がインストールされます。VS Codeについて詳しい人は必要なもののみインストールすれば良い様です。

Remote Developmentのインストールが正常に終了するとこのアイコンが現れます。

アイコンをクリックしてプルダウンからRemoteを選択します。

歯車マークをクリックします。「更新する SSH 構成ファイルを選択する」よりSSHキーのconfigファイルの場所を指定します。

こだわりが無ければどこでも良いのです。

私は「 c:\users\{hoge_user}/.ssh/config」を指定しました。

この中にSFTP接続方法などを設定していきます。

インストールした拡張機能ごとに「F1」を押してターミナルから作業を指定していく必要があります。

はっきり言って使い辛い。

EclipseからVS Codeへの乗り換えを考えている人もいるかと思いますが、Eclipseを使い続けた方がよっぽど良いです。

Eclipseを使用して久しぶりにWEBサーバ上のPHPスクリプトを修正する機会がありました。

久しぶりに触るのでEclipseのリモートシステムエクスプローラーの設定を忘れていたのでメモしておきます。

新規＞その他＞リモートシステムエクスプローラー

ホスト名を入力し終わったら、次の設定を行います。

これをしないとリモートシステムエクスプローラーでWEBサーバのPHPスクリプトとか見えないので注意しましょう。

右上にある小さなアイコンをクリックします。

「パースペクティブを開く」＞リモート・システム・エクスプローラー

を選択し「開く」をクリックします。

成功するとこんな感じで接続先のWEBサーバが見えます。

リモート接続する際には、

FTP接続とssh接続を選ぶ事が出来ます。

接続先が海外サーバの場合、ssh接続を使用した方がコード編集が終わって、 Control + Shift + Sでソースファイルの一括上書き保存が完了するまでの時間が早いです。理由はいまいちわかりません。

Eclipseでリモート接続するとサーバ上のコードを直接編集する事が出来ます。いちいちローカルで編集したコードをWinSCPなどでアップロードする手間が省けます。

Visual Studio CodeよりもEclipseのリモートシステムプロジェクトを使用した方が使い勝手も良いのでおすすめです。

ノウハウツリー