無料エディタ VSCode

VisualStudioCodeはMicrosoftが開発した定番の無料エディタ。ガッツリ仕事をしていた独身時代にはこんな便利なエディタなかった！

ディレクター業をする人もコード確認する際などダウンロードしておくといいかもしれません。

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

初期設定は英語になっているので、日本語にする必要あり。

上記赤印部分をクリック、Japanese Language Packで検索すると出てきますので、そちらをインストール。

再起動して日本語になっていれば完了！

使いやすい機能の代表は、選択してTabキーでタグを補完してくれたり、！Tabで雛形を出してくれたり、マルチカーソルという同時修正をしてくれたり。

基本機能だけでも便利な印象ですが、VSCodeには様々な拡張機能があるので、マーケットプレイスで自分好みのものを探すのも良いかもしれません。

VSCodeのオススメ拡張機能

・LiveServer　編集したファイルをブラウザ更新せずにリアルタイムで公開

・Beautify　コードをきれいに整形してくれる拡張機能（Command+Shift+Pでコマンドパレットを開き、beautifyでコマンドを選択で綺麗に）

・Code Spell Checker　スペルチェック

・Auto Rename Tag　開始タグと終了タグを合わせてくれる

・CSSTree validator　CSSファイルのWEBの標準規格（W3C)に沿うかチェック（バリデーション）してくれる

・HTML CSS Support　HTMLを書くときにclass名候補が表示される

・Autoprefixer　自動でベンダープレフィックスを付けてくれる

・zenkaku　全角スペースを可視化してくれる