WinSCPのダウンロードとインストールから日本語設定、VSCodeで開く方法までの解説【便利エディタ】

FTPクライアントソフトの「WinSCP」のダウンロードとインストールからコードエディターVisual Studio Codeで直接編集する方法についての解説になります。

WinSCPを使用することによって、ローカルのVSCodeで編集保存した内容が即時FTP接続でファイル更新が行われるので、ファイルを一回一回手動でアップロードする手間が省けます。

WinSCPとは

Windows環境で動作するオープンソースのSFTP（SSH File Transfer Protocol）、FTP（File Transfer Protocol）、SCP（Secure Copy Protocol）クライアントです。WinSCPを使用すると、リモートサーバーへのファイル転送やファイルの管理を行うことができます。

以下にWinSCPの主な機能を記述しています。

WinSCPをダウンロード

「窓の杜」のサイトから「WinSCP」のインストールファイルをダウンロードして保存します。

➡ WinSCPダウンロードサイト

エクスプローラのダウンロードに「WinSCP-5.21.2-Setup.exe」があるので、ダブルクリックでファイル開きます。

WinSCPをインストール

使用許諾契約書の同意→許諾(A)をクリック。

セットアップ形式→完全なアップグレード(F)(推奨)→次へ(N)をクリック。

インストール準備完了→インストール(I)をクリック。

インストール状況→インストール待ち

WinSCPセットアップウィザードの完了→完了(F)をクリック。

WinSCP保存場所⇩

C:\Program Files (x86)\WinSCP

WinSCPの日本語設定

Tools→Preferencesをクリック。もしくは、ショートカットキー：Ctrl + Alt + p

Languages→Japanese – 日本語(日本)→OKをクリック。

メニューが日本語対応されていれば、日本語設定は完了です。

WinSCPでVSCodeを開く方法

▪WinSCPではデフォルトで内臓エディタ⇩

WinSCPではデフォルトで内臓エディタが付属されていますが不便な部分が多いので、WinSCPを使用しながらVSCodeで編集できるよう設定します。

VSCodeのダウンロード方法⇩

Web制作にお勧めのエディタ｜VSCodeの設定・拡張機能【コーダー必見】Web制作で開発ツールとしてよく使われるVSCode。自身が普段使用しているエディタで、HTML・CSS・JSを書くとき便利なので重宝しています。これから初めて使い始める人が、最初に入れておくことによってVSCodeを効率よく使いこなすための設定や拡張機能の紹介とダウンロードからインストールまでのやり方を紹介します。...

VSCodeの保存場所を確認

VSCodeのパスを把握しておく必要があり、デフォルトの保存場所は下記のパスになります。

C:\Users\%USERPROFILE%\AppData\Local\Programs\Microsoft VS Code

エクスプローラーにパスを入力するとCode.exeのファイルがある所までいくことができます。

VSCodeを登録する

ツール→環境設定をクリック。もしくはショートカットキー：Ctrl + Alt + p

エディタを選択。

追加(A)をクリック。

外部エディタ(E)を選択し参照(R)もしくは下記のパスを入力しOKをクリック。

"C:\Users\user\AppData\Local\Programs\Microsoft VS Code\Code.exe" !.!

デフォルトで内臓エディタが記述されているかと思いますが、使用しないので削除(R)しておいても問題ありません。

VSCodeの設定はこれで完了で、後は編集したいファイルをダブルクリックをしてVSCodeが起動すればOKです。