6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ビジュアルスタジオコードの便利な拡張

Last updated at Posted at 2019-07-02

こんにちは。
最近、ビジュアルスタジオコードというほぼ毎日使っています。ビジュアルスタジオコードは使いやすいテキストエディタで、無料で簡単にインストールできます。

VSCもいろいろな拡張があります!

ダウンロードリンク: https://code.visualstudio.com/download

#拡張とは?
コンピュータオペレーティングシステムにおける拡張は、プログラミング言語または他のアプリの機能を強化と拡張するソフトウェアです。 拡張は、スタンドアロンアプリケーションに機能を追加します。 通常、拡張自体は自主的な機能するわけではなく、機能するための他のソフトウェアが必要です。

使いやすい拡張をいくつか紹介したいと思います。

#使い方
image.png

VS Code Marketplaceで最も使用されている拡張のリストが表示されます。
拡張はいつでも無効にする、有効にする、アンインストールにするの設定があります。

画面の左側をクリックするか、ショートカットコマンド (Ctrl+Shift+X) を使用して、拡張リストを開きます。

一人一人な拡張機能にはプレビューあります。そのプレビューに簡単な説明、発行元、ダウンロード数、評価があります。

Prettier

  • コードフォーマッタ
  • Prettierはコードの字下げを首尾一貫させます。他の人のコードを読んでいるとき、字下げの特徴がコードを読みやすく理解しやすくなられます。

image.png

GitLens

  • この拡張はGitに接続することでリポジトリで何が起こっているのかとか誰が最新のコミットしたかとかを視覚化することができます。
  • この拡張は各コード行の最新のコミットを表示します。
  • リポジトリの管理が容易になります。
  • ビジュアルスタジオコードでリポジトリの最新のコミットが自動的に見せられます。

image.png

image.png

Path Intellisense

  • 入力中に自動的にファイルのパスが表示されます。
  • 一般的にプログラミングでファイルのパスを挿入します。
  • ファイル名を自動補完することで開発時間を短縮します。

iaHeUiDeTUZuo.gif

Auto Close Tag

  • 開始タグの閉じ括弧を入力した後、終了タグが自動的に挿入されます。

alt

Auto Rename Tag

  • 開始タグの名前を変更しながら、終了タグは自動的に名前変更されます。

alt

Increment

  • Win\Linux: ctrl + alt + I
  • Mac: cmd + alt + I
  • この拡張はテストデータに関しては役に立ちます。シードデータを作成する時間を短縮するのに役立ちます。

alt

#以上
この拡張は初心者対に限らなくてみんなが使ってみてください。他の拡張たくさんもあります。
もっと便利なコーディングするのを助けることができるすべての拡張をインストールすることができます。他の拡張を使ってみたいで、後にみんなでシェアしたいと思います。

読んでくれてありがとうございました!

ソース:

6
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?