皆様、こんにちは!朱でございます。
本日は、Business Centralの開発に使ってみて便利だったVS Codeのおすすめプラグインを紹介をしたいと思います。今回は、昨日Twitterで知ったばかりの Error Lens です。
![](https://yzhums.com/wp-content/uploads/2021/03/image-462-1024x623.png)
機能:
- Highlight lines containing diagnostics
- Append diagnostic as text to the end of the line
- Show icons in gutter
- Show message in status bar
筆者にとっての最大のメリットはエディタ上にエラーメッセージが表示されることです。
こんな感じです。
![](https://yzhums.com/wp-content/uploads/2021/03/image-463-1024x444.png)
エラー内容などがエディタ上ですぐに見えるのですごく便利です。
![](https://yzhums.com/wp-content/uploads/2021/03/image-464-1024x673.png)
PS:
1.Settings -> Extensions -> Error Lens -> Gutter Icons Enabled を設定すると
![](https://yzhums.com/wp-content/uploads/2021/03/image-465-1024x394.png)
行番号の横にアイコンが表示されます。
![](https://yzhums.com/wp-content/uploads/2021/03/image-466-1024x582.png)
2.Settings -> Extensions -> Error Lens -> Gutter Diagnostic Levelsでどのタイプのメッセージを表示するかを設定できます。
![](https://yzhums.com/wp-content/uploads/2021/03/image-467.png)
ディフォルトは [“error”, “warning”, “info”, “hint”] の四タイプが設定されています。
![](https://yzhums.com/wp-content/uploads/2021/03/image-468-1024x353.png)
例えば [error] を削除すると
![](https://yzhums.com/wp-content/uploads/2021/03/image-469-1024x297.png)
エディタ上にエラーメッセージが表示されなくなりました。
警告が多く出ているプロジェクトだとエディタ画面がうるさくなるので、Gutter Diagnostic Levelsで無効化した方が良いかもしれません。
![](https://yzhums.com/wp-content/uploads/2021/03/image-470.png)
END
はい、今回紹介したプラグインはいかがでしたでしょうか。ご興味のある方はぜひ入れてみて試してみてください。
以上
お読みいただきありがとうございました。
コメント