環境構築 1 VSCode

##VSCodeをインストール
プログラミング開発に特化したものになっていて、エンジニアには非常に人気が高いエディタの一種です。

https://code.visualstudio.com/
ダウンロード

ダウンロードが終わったら、ダウンロードファイルからアプリケーションフォルダにドラッグ&ドロップします。

##拡張機能の導入
VSCode内の画面左側の、アイコンメニュー内にある四角のアイコンをクリック。
拡張機能インストール後、再起動すると反映されます。
####便利な拡張機能
・Japanese Language Pack for Visual Studio Code
　日本語表記にします。

・HTML Snippets
　HTMLタグ、CSSタグの入力を補完してくれます。

・Ruby
　Rubyの構文をチェックし、間違った箇所を指摘してくれます。

・zenkaku
　全角スペースを知らせてくれます。

・Code Spell Checker
　コードのスペルをチェックしてくれます。

##VSCodeのカスタマイズ
####・半角スペースの設定

1. VSCodeのサイドバーより、「管理（下部の歯車マーク）」→ 「設定」の順に選択
2. Editor: Tab Sizeを２に設定
3. Editor: Render Whitespaceで「all」を選択

####・オートセーブ設定

1. VSCodeのサイドバーより、「管理（下部の歯車マーク）」→ 「設定」の順に選択（直前の作業に続けて行う方は、この操作の必要はありません）
2. オートセーブの設定で「onFocusChange」を選択