VSCodeおすすめ拡張機能-BookMarks,PrintCode

VSCodeから始まるWebデザイナー、Webエンジニア生活

■第６話：VSCodeおすすめ拡張機能-その２（BookMarks, GitLens）

（最終更新日：2022.06.06）

この記事は3分で読めます！
(絵が小さい場合はスマホを横に）

「やっぱり便利！」

VSCodeはデフォルトで用意されている機能だけでなく、非常に多くの拡張機能が用意されている。前回の反響も比較的大きかったので、ワシおススメの第2弾を今回取り上げる。お気に入りの機能を追加して自分だけのVSCodeにアレンジしよう。

[目次]

印をつけた部分に飛べる（BookMarks）
Excelファイルを確認できる（Excel Viewer）
コードを印刷できる（Print Code）
誰が修正したか確認できる（GitLens）

１. 印をつけた部分に飛べる（BookMarks）

「あれ、どこだっけ」

長いコードを書く場合、ついつい迷子になってしまうことがある。そんなときに、よく戻る箇所をブックマークできる機能がある。それがBookMarksだ。下記動画のように、簡単に移動できる。移動の際は[Ctrl＋Alt＋L]、BookMarkする場合は[Ctrl＋Alt＋K]だ。これであなたもコードを探す時間が大幅に減少するだろう。

BookMarks（印をつけた部分に飛べる）

２. Excelファイルを確認する（Excel Viewer）

「Officeが入ってない！」

そんな時でも実はVSCodeで確認できる。 PythonでExcelを操作する。そんな機会も増えてきた今日だからこそ結構役に立つ。見た目は下図の通りである。VSCodeのエクスプローラー上で右クリックし、Open Previewすれば使うことができる。

Excel Viewer（Excelファイルを確認する）

３. コードを印刷できる（Print Code）

仲間と打ち合わせするとき、未開拓の分野で１つ１つコードの解釈が必要なとき、ソースコードを印刷することがある。そんなとき便利な拡張機能がPrint Codeだ。拡張機能をインストール後、F1を押してコマンドパレットを開きPrint Codeと打って実行しよう。設定によってはカラーも印刷できる。是非、活用してみよう。

Print Code（コードを印刷できる）

４. 誰が修正したか確認できる（GitLens）

共同で編集している場合、ソースコードのどこを誰が修正したのか確認したい時がある。そんなとき便利なのがGit Lensだ。下図のように編集した人の名前が出る。普段はColorInfo等、別の機能と競合することがあるので、設定の「Show the authorship code lenses」のチェックを外しておこう。

Git Lens（誰が修正したか確認できる）