見出し画像

無料エディタ VSCode

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

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

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

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

スクリーンショット 2021-05-16 15.29.17

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

スクリーンショット 2021-05-16 15.33.06

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

使いやすい機能の代表は、選択して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 全角スペースを可視化してくれる


この記事が気に入ったらサポートをしてみませんか?