Visual Studio Code の好きなところ

Date:

Share post:

コードを書くためのエディタは何を使用していますか?

弊社のコーダーチームも愛用しているVisual Studio Code は便利な機能がたくさんあり、とってもおすすめです。

使っている方も多いと思いますが、ショートカットキーやEmmetを使いこなせるようになると
VScodeならではの強みを活かすことができると思います。

わたしはまだまだなのですが、
使い始めた時と比べると使えるようになったショートカットキーが多くなり
格段とスピードが上がっている&面倒な修正もサクサクとできるようになりました。

どんなところがおすすめ?

「Visual Studio Code」はMicrosoftが開発・リリースしているエディタです。
「VScode」と略称で呼ばれることが多いかと思います。

本当にたくさんの機能があるので全ては書ききれないのですが、

使用していて自分自身がいいなと思ったポイントを3つ紹介します。

1.Git操作ができるところ

エディタの画面のままコミット、プッシュ等、Gitの基本的なことをGUI操作できます。

2.拡張機能を追加できるところ

例えば

Auto Rename Tag
URL: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

こちらを追加すると、
タグの先頭を修正した際に自動的に閉じタグも修正してくれる機能が追加されます。

調べてみると効率的に作業できるようになるような拡張機能が他にもあるので
好みでカスタマイズすると作業がとっても楽になります。


3.Emmetという機能があるところ

VScodeの1番の強みだと思うのは「Emmet」という機能です。

たとえば、
<div>ブロックにクラス名をつけたいと思った時に

.ほにゃらら + Tabキー と打つだけで

<div class=“ほにゃらら”>
</div>

と打ち出してくれたり、

mt10 + tabキー と打つと

margin-top: 10px;  と打ち出してくれたり!

その他にも
行の移動やコピー、インデントを揃えるショートカットなどなど‥
覚えて使うと本当にコーディング速度が早くなります。

コマンド一覧などは調べればわかりやすい記事が多くでてきます。

引用
https://qiita.com/12345/items/64f4372fbca041e949d0


ただ、覚えるまではもどかしい瞬間の方が多かったです。笑

ですが面倒くさがらずショートカットキーを使うように意識していくうちに
最初のうちは「ショートカット使う方が遅いんじゃ無いか??」レベルだったのですが
そこをぐっと乗り越え!指が覚えてきてからはコーディングが早くなり楽しくなりました。笑

言語の学習はもちろん大切ですが、
便利なツール達を味方につけることも大切だな〜と日々の業務で感じます。


ツールの流行り廃りも激しい業界だからこそ、
常にアンテナを張るように意識していかなくてはいけませんね‥!


未開拓の機能がまだまだたくさんあるVScodeをもっと使えるようにして
コーディングの時短化に繋ぐことができるようにがんばります!

Related articles

EC-CUBE 4系のプラグイン開発について その...

前回、プラグインを一旦有効化させて管理...

EC-CUBE 4系のプラグイン開発について その...

以前から作成したいと考えていたのですが...

Laravel Filamentを使用した管理画面...

前回Breezeをインストールしたこと...

Laravel Filamentを使用した管理画面...

前回、filamentでのリソース作成...