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

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

あわせて読みたい

【VirtualBox】Windows上でCentOSを快適に動かす方法 Linux環境が使いたいとき、VirtualBoxを使えばWindows上に簡単に環境を構築することができます。しかし、普通にインストールして使用すると起動に時間がかかりますし、どうしても処理が重くなってしまいます。どうすればVirtualBox上のOSを快適に使うことができるかをご説明します。

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

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

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

侍テラコヤ(SAMURAI TERAKOYA)

入会金不要でいつでも解約自由！ 月額2,980円(税抜)でプログラミングを学ぶことができます。 しかも、プロの現役エンジニアに質問し放題な上、PhotoshopやWordPressなどの副業や独立後に役立つスキルも学ぶことができるコスパ最強のサブスク型スクール！

口コミ・評判 公式サイト

拡張機能のインストール

今回は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内だけですが）

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