ウェブ

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

winscp-vscode

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

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

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です。

▪Visual Studio Code実践ガイド–最新コードエディタを使い倒すテクニック
基本と意外と知らない基本機能からカスタマイズまで。そして拡張機能開発までを扱うVisual Studio Code解説書の決定版です。

book
created by Rinker
¥3,058 (2022/10/04 07:04:41時点 楽天市場調べ-詳細)

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA