JavaScriptコードエディター

概要 : このチュートリアルでは、JavaScriptのコードエディター及び、Javascriptコードを記載するためのVisual Studio Codeのインストール方法について学習します。

ポピュラーなJavaScriptコードエディター

Javascriptコードを記載する基本的なエディターとして、Windows上のNotepadのようなテキストエディターがあります。
しかし、Javascriptコードの記載を簡単かつ早く行うためには、Javascriptコードエディターが必要です。

基本的なエディターに対しJavascriptコードエディターは、構文の強調表示、インデント、オートコンプリート、ブレースマッチング機能など様々な機能を提供しています。
また、いくつかのエディターはJavascriptやその他のコードをデバッグするのに便利な機能を提供しています。

Javascriptコードエディターとしてポピュラーなものに以下のようなものがあります。
* Visual Studio Code
* Atom
* Notepad++
* Vim
* Gnu Emacs

これらは全て無料で使用できます。ここではVisual Studio Codeを取り上げます。

Visual Studio Code

Visual Studio CodeはMicrosoftによって開発された無料のオープンソースコードエディターです。
Windows,Linux,MacOSを含むプラットフォームで動作します。

Visual Studio Codeは高度にカスタマイズされており、テーマ、キーボードショートカットなどのような環境設定や、様々な拡張機能をインストールして使用できます。
また、インテリセンス、デバッグ、フォーマット、コードナビゲーション、リファクタリングの他多くの優れた言語機能を組み込みでサポートしています。

Visual Studio Codeでサポートされている全ての機能を理解するには以下を参照してください。
JavaScript in Visual Studio Code

Visual Studio Codeのダウンロード

Visual Studio Codeは以下のリンクからダウンロードできます。
Download Visual Studio Code

Visual Studio Codeのインストール

Visual Studio Codeは数分で簡単にインストールできます。

Live Server拡張機能のインストール

Live Server拡張機能は、Javascriptのコードを変更するだけでWebブラウザの更新をすることなくページを更新できる機能を持っています。
便利な機能なので是非使用してください。

このチュートリアルでは、Visual Studio Codeのインストール方法について記載しました。