VSCode最強すぎるプラグイン「BookMarks」の紹介-ブックマーク機能

VSCode最強すぎるプラグイン「BookMarks」の紹介-ブックマーク機能
VSCode最強すぎるプラグイン「BookMarks」

デザイナーのオッコです。

みなさん、エディタは何を使っていますか? せーの!

VSCode~!!

ですよね~!

私は昔Atomを使っていたのですが、なんとブラックホールのごとくVSCodeに吸収されてしまい、

泣く泣くVSCodeに切り替えたところ

「なんでもっと早くVSCodeを使わなかったんだろう……!」と思っている次第です。

そんな魅力的なエディタVSCodeですが、最近ずっとほしいなと思っていた機能を見つけたのでシェアします。

目次

コードに印をつけられる「Bookmarks」

Bookmarks Mark and Jump(公式HP)

「今いるコードにまた戻ってきたいな」「1000行以上あるソースコードに欲しい情報が散らばっている」

こんなときってありますよね?

そんなときに使える拡張機能が、今回紹介する「Bookmarks」です。

Ecripseなんかは標準でブックマーク機能が入っていますし(なんならメモ代わりにブレークポイントをペンペン付けていた、お許しください)、VSCodeにもあるんじゃないかなと思いましたが標準ではないみたいですね。

早速入れていきましょう。

まず左側のアイコンペインから、積みあがった段ボールがくずれる瞬間みたいなアイコンをクリックします。

検索窓で「Bookmarks」と入力し、一番上に出てきたものをインストール。

上記私の画面のように、アイコンぺインにブックマークのアイコンが追加されて入れば完了です。

使い方は簡単。たった3つのショートカットを覚えましょう。

1.ブックマークのつけ外し

ブックマークしたい行にカーソルを合わせて

  • 「Ctrl」+「Alt」+「K」 (Windows)
  • 「option 」+「command」+「K」 (Mac)

2.前のブックマークに移動

  • 「Ctrl」+「Alt」+「J」 (Windows)
  • 「option 」+「command」+「J」 (Mac)

3.前のブックマークに移動

  • 「Ctrl」+「Alt」+「L」 (Windows)
  • 「option 」+「command」+「L」 (Mac)

これであなたのコーディング速度も、私のコーディング速度も、新幹線のごとく上がることでしょう!

以上Bookmarksの紹介でした!

良いコーディングライフを! ではまた!

関連記事

APICE INTELIGENCE
Smartyでemmetを効かせる【Visual Code Studio】 | APICE INTELIGENCE デザイナーのオッコです。 私のプロジェクトではよくsmartyを利用するのですが、VSCodeでは、smartyやlarabel bladeといった テンプレートエンジンを使用するとデフォルト...
APICE INTELIGENCE
Emmetで文字列を囲んでタグを後付けする【Visual Studio Code】 | APICE INTELIGENCE デザイナーのオッコです。 htmlを書いていたけど、途中で要素同士をdivで囲む必要が出てきた!ということ、ありますよね。 そんなときに使えるemmetのショートカットをご紹...

システム開発はアピステクノロジーへ

アピステクノロジーでは、システム開発をはじめ、システムパッケージの販売にも力を入れています。

「IT TOOL」をご存じですか?

既に標準の機能が実装されているシステムパッケージを、貴社用にデザインカスタマイズし提供します。

さらに、IT導入補助金の利用で価格を大きく抑えることも可能です。

実績多数、低価格で本格的なサイトができると好評いただいております。

詳しくは弊社HPをご覧ください。

アピステクノロジーの実績紹介はこちら

ITツール紹介ページはこちら

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次