VSCodeをインストールしたらまず入れる拡張機能

VSCodeには沢山の拡張機能が提供されれいます。いろいろ試した結果、今も使い続けている拡張機能をご紹介。

Japanese Language Pack for Visual Studio Code

私は日本人です。英語表記→日本語表記に変えることで開発速度低下を軽減します。

Name: Japanese Language Pack for Visual Studio Code
Id: ms-ceintl.vscode-language-pack-ja
Description: Language pack extension for Japanese
Version: 1.49.1
Publisher: Microsoft
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

GitHub Theme

VSCodeの標準テーマ悪くないですが、今はGithubのthemeが好き。

Name: GitHub Theme
Id: github.github-vscode-theme
Description: GitHub theme for VS Code
Version: 1.1.5
Publisher: GitHub
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme

Bracket Pair Colorizer 2

コーディングする時はインデントとカッコは重要。些細なミスを減らすためにも対応するカッコは目立つように。

名前: Bracket Pair Colorizer 2
ID: coenraads.bracket-pair-colorizer-2
説明: A customizable extension for colorizing matching brackets
バージョン: 0.2.0
パブリッシャー: CoenraadS
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

Output Colorizer

Output（出力タブ）、見やすい色がいいよね。

名前: Output Colorizer
ID: ibm.output-colorizer
説明: Syntax highlighting for log files
バージョン: 0.1.2
パブリッシャー: IBM
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer

Live Server

ちょっとしたHTMLを書くときや、簡単な空て表示を確認したいときなんかに便利

名前: Live Server
ID: ritwickdey.liveserver
説明: Launch a development local Server with live reload feature for static & dynamic pages
バージョン: 5.6.1
パブリッシャー: Ritwick Dey
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

こんな感じ。