ウェブ

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

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の主な機能を記述しています。

グラフィカルユーザーインターフェース(GUI)WinSCPは、直感的で使いやすいGUIを提供しています。ファイルの転送や操作をドラッグアンドドロップで行うことができます。
セキュアな通信WinSCPは、SFTPやSCPなどのセキュアなプロトコルを使用してファイルの転送を行います。データの暗号化やセキュアな認証をサポートしており、データの安全性が確保されます。
マルチプロトコル対応WinSCPは、SFTPやFTPの他にもSCPやWebDAVなど、複数のプロトコルをサポートしています。異なるサーバータイプに対して統一されたインターフェースでアクセスすることができます。
ファイルの同期と比較WinSCPには、ローカルフォルダとリモートサーバーのフォルダの同期や比較機能があります。変更されたファイルやディレクトリを特定し、必要に応じて同期することができます。
エディタ機能WinSCPには、テキストファイルの編集機能が組み込まれています。リモートサーバー上のファイルを直接編集し、変更を保存することができます。
ファイルの圧縮と暗号化WinSCPは、ファイルの圧縮や暗号化に対応しています。ファイルを圧縮してリモートサーバーにアップロードすることや、リモートサーバー上のファイルを暗号化してダウンロードすることができます。
ファイルの自動化WinSCPは、バッチファイルやスクリプトを使用してファイルの自動化を行うことができます。定期的なバックアップやファイルの転送など、繰り返し行う作業を自動化することができます。
WinSCPの主な機能

WinSCPをダウンロード

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

➡ WinSCPダウンロードサイト

SCP/SFTP/FTPS対応のFTPクライアント
SCP/SFTP/FTPS対応のFTPクライアント

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

WinSCP-5.21.2-Setup.exe
WinSCP-5.21.2-Setup.exe

WinSCPをインストール

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

使用許諾契約書の同意
使用許諾契約書の同意

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

セットアップ形式
セットアップ形式

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

インストール準備完了
インストール準備完了

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

インストール待ち
インストール待ち

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

セットアップウィザードの完了
セットアップウィザードの完了

WinSCP保存場所⇩

C:\Program Files (x86)\WinSCP

WinSCPの日本語設定

ToolsPreferencesをクリック。もしくは、ショートカットキー:Ctrl + Alt + p

Tools
Tools

LanguagesJapanese – 日本語(日本)OKをクリック。

日本語設定
日本語設定

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

日本語設定後
日本語設定後

WinSCPでVSCodeを開く方法

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

内臓エディタ
内臓エディタ

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

VSCodeのダウンロード方法⇩

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

VSCodeの保存場所を確認

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

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

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

Microsoft VS Code
Microsoft VS Code

VSCodeを登録する

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

ツール→環境設定
ツール→環境設定

エディタを選択。

エディタ
エディタ

追加(A)をクリック。

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

"C:\Users\user\AppData\Local\Programs\Microsoft VS Code\Code.exe" !.!
エディタの追加・編集
エディタの追加・編集

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

Codeエディタのみ
Codeエディタのみ

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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


上にスクロール 下にスクロール