来世でも使うと思われるVisual Studio Codeの拡張機能をまとめてみた

Visual Studio Codeの拡張機能は、入れた後に勝手に作用してくれるので、どれがどのように動いているかわからなくなる。

そこでいったん整理することにした。

目次

個人的に使用頻度が高いと思ったVS Codeの拡張機能

もしまたどこかでVisual Studio Codeの環境構築をするときに迷わず入れると言えるものだけを厳選した。
ちなみに除外した拡張機能は20個あった。削除したいけど、なんとなく怖い。

Angular Language Service

Angular Language Service

機能

  • 入力補完
  • エラーチェック
  • 定義へ遷移

    Angular Support

    Angular Support

    機能

  • templateUrlからHTMLへの遷移

    Auto Close Tag

    Auto Close Tag

    機能

  • HTML/XML の終了タグを自動的に追加

    Auto Rename Tag

    Auto Rename Tag

    機能

  • ペアになっている HTML/XML タグの名前を自動的に変更

    Code Spell Checker

    Code Spell Checker

    機能

  • 基本的なスペル チェッカー

    codic

    codic

    機能

  • ネーミングツール codicVisual Studio Code のコマンドパレットから操作できるようにする

    Draw.io Integration

    Draw.io Integration

    機能

    ER図とかを書いてPNGにできる。

    Git History

    Git History

    機能

  • Gitの履歴とか様々なものを参照し表示してくれる

    GitHub Theme

    GitHub Theme

    機能

  • Visual Studio CodeGithubテーマ

    GitLens — Git supercharged

    GitLens — Git supercharged

    機能

  • カーソルを置いた箇所の記述を誰が書いたか教えてくれる

    Gitmoji

    Gitmoji

    機能

  • コミット時のメッセージにつける絵文字が簡単に選べる

    HTML CSS Support

    HTML CSS Support

    機能

  • HTMLのコード属性を補完してくれる

    indent-rainbow

    indent-rainbow

    機能

  • 入れ子構造をレインボーにしてくれる

    ini-format

    ini-format

    機能

  • 勝手にスペースを削除してくれる

    Japanese Language Pack for Visual Studio Code

    Japanese Language Pack for Visual Studio Code

    機能

  • Visual Studio Codeを日本語化してくれる

    PHP Intelephense

    PHP Intelephense

    機能

  • PHPのコード補完をしてくれる

    Svg Preview

    Svg Preview

    機能

  • Visual Studio CodeSVGのプレビューができる

    Tailwind CSS IntelliSense

    Tailwind CSS IntelliSense

    機能

  • tailwindcssの補完をしてくれる

    Vue Language Features (Volar)

    Vue Language Features (Volar)

    機能

  • vueの開発を便利にしてくれる

WordPress Post

機能

  • VSCodeからWordPressに投稿してくれる。
WardPressの管理をGit Flowで管理していたが、VSCodeの拡張機能「WordPress Post」を使うことで世界が変わった。

次に読むおすすめ記事

WardPressの管理をGit Flowで管理していたが、VSCodeの拡張機能「WordPress Post」を使うことで世界が変わった。

VS Codeの拡張機能「Ascii Tree Generator」を使用しツリーファイル構造をサクッと作成する

VSCodeの拡張機能「Draw.io Integration」でER図を作成する

この記事に対するコメント

お気軽にコメントを下さい

メールアドレスが公開されることはありません。 が付いている欄は必須項目です