E-1. VSCodeを使用しよう

VSCode エディターで編集しよう!

・エディターとは、プログラムのファイルを作成・編集するためのアプリケーションソフトウェアです。以下主なエディター一覧

1.Visual Studio Code

2.phpStorm

3.Eclipse

VSCode(Visual Studio Code)をダウンロードページからダウンロードしてインストールしてください。

VSCodeは、いくつものプラグイン(拡張機能のこと。WebブラウザやCMSなどに機能を追加し、使いやすくするための )が用意されています。

Japanese Language Pack for Visual Studio Code

日本語へ変更

ブラウザをプレビュー出来るようにする

VSCode導入プラグインから上記の2つを導入してみましょう。

プラグイン設定方法

ショートカットキーを使用する

PCで操作するツールは、ショートカットキーがあります。キーボードのみで実行が可能なので効率よく作業を進めることができます。

コマンド量が多いのでよく使うキー(「Control」+cなど)や使いやすいキーを参考に利用してください。

ファイルの拡張子

ファイルにはすべて拡張子があります。

  • .zip(圧縮ファイル)
  • .txt(テキストファイル)
  • .jpg(画像ファイル)
  • .xlsx(エクセルファイル)
  • .html(HTMLファイル)

参考:拡張子一覧

Windowsでは、デフォルト設定で拡張子が非表示になっているため、設定を変更してください。

参考:拡張子を表示する方法

隠しフォルダ・隠しファイル

隠しファイルとは、そのファイルが保存されているフォルダーを開いても、その中にあることが見ても分からないように非表示に設定されているファイル、あるいはフォルダーのことです

非表示にする理由としては

  • 通常は触れる必要のないファイルやフォルダーなので非表示にすることで誤って削除や変更をしないようにする
  • 増えたファイルを整理するため古いファイルを非表示にする
  • セキュリティやプライバシーの観点で第三者から見えなくする

※設定で簡単に再度表示させることもできます。

参考:隠しファイルの設定方法