【VSCode】仮想サーバ上のファイルをWindowsで編集する方法

 
前回に引き続きCentOSのお話です。

VirtualBox上にCentOSをインストールして、そこにPythonやらgccを入れて実行できる環境を作りましたが、実際コードを書ときは入力補助などの便利機能がついてるエディタを使って書きたいですよね。

でも今回導入したCentOSはコマンドしか扱えないため、エディタを使用するには別の方法をとる必要があります。

そこで今回取り入れたのは「Visual Studio Code」（通称VSCode）を使ってCentOS上のファイルを直接編集する方法です。

拡張機能のインストール

今回はVSCodeの拡張機能である「ftp-simple」というプラグインを使用しました。

VSCodeのMarketplaceで「ftp-simple」と検索し、インストールします。

SSH接続するための設定

インストールが完了したらCentOSへとSSHで接続する設定をします。

VSCode上でF1キーを押してコマンドパレットを表示させます。

そこでftpと検索すると先程インストールしたftp-simpleの項目が出てきます。

その中のConfigを選択します。

コンフィグファイルが開きますので、ここでCentOSへと接続するための設定をします。

コンフィグファイルの中身はこんな感じです。

そこまで行数多くなくいので見やすいですね。

設定できたら保存してから閉じます。

これでVSCodeからCentOSに接続ができるようになりました。

保存を忘れると設定が反映されないので注意です。

VSCodeでCentOSにアクセス

F1キーを押してコマンドパレットを表示させて、Remote directory open to workspaceをクリックします。

すると、コンフィグファイルに設定したpathへとアクセスし、そこのディレクトリ一覧を表示してくれます。
そこから作業用ディレクトリを辿って追加します。

これでCentOSのディレクトリがWorkspaceに追加されるので、そのディレクトリのファイルの編集が簡単にできます。
編集して保存すればそのままCentOSにも反映されます。

最後に

今まではサーバ側にも編集用にエディタを苦労しながら入れてましたが、VSCodeのおかげでその手間なくサーバ上でコードを書いたり編集したりすることができます。

他のPCにも同じようにVSCodeを入れてこの設定をすれば同じようにSSH接続をして編集することができるので便利です。
（LAN内だけですが）

これで環境が整ったので、本格的にネットワークプログラミングの勉強を始めていこうと思ってます。