11
6

More than 3 years have passed since last update.

自分がおすすめする VSCode の拡張機能

Last updated at Posted at 2020-01-16

自分がよくお世話になっている VSCode のおすすめな拡張機能をまとめます。

Duplicate action

現在開いているファイルを複製するための拡張機能。
テンプレートファイルを作り、それをコピーして使い回す場合に便利。

名前: Duplicate action
ID: mrmlnc.vscode-duplicate
説明: Ability to duplicate files in VS Code
バージョン: 1.2.1
パブリッシャー: mrmlnc
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate

Insert Numbers

マルチキャレットがある位置に連番の数字を入力することができる拡張機能。
テストデータやサンプルデータなど連番の数字が必要なときに便利。

insert number

名前: Insert Numbers
ID: asuka.insertnumbers
説明: Insert increasing numbers
バージョン: 0.9.1
パブリッシャー: Asuka
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=Asuka.insertnumbers

Insert Date String

日付を挿入できる拡張機能。
メモや議事録を取るときに便利。

名前: Insert Date String
ID: jsynowiec.vscode-insertdatestring
説明: Insert the current date and time according to configured format.
バージョン: 2.2.4
パブリッシャー: Jakub Synowiec
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=jsynowiec.vscode-insertdatestring

Paste URL

クリップボードにコピーしたURLのタイトルを取得して、Markdown のリンクの形式で貼り付けをする拡張機能。
メモでリンクを貼り付けるときに便利。

paste url

名前: Paste URL
ID: kukushi.pasteurl
説明: Paste URL in Markdown/reStructuredText format
バージョン: 0.4.4
パブリッシャー: kukushi
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=kukushi.pasteurl

jwt-decoder

JWT の文字列をデコードする拡張機能。
その名の通り JWT の中身を確認するのに便利。

名前: jwt-decoder
ID: jflbr.jwt-decoder
説明: A simple JWT decoder extension for VS Code
バージョン: 1.2.0
パブリッシャー: Jeyfel Brandauer
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=jflbr.jwt-decoder

Time Converter

タイムスタンプと任意の形式の日時を変換する拡張機能。
JWT に含まれる exp がいつか確認するのに便利。

名前: Time Converter
ID: haaleo.timing
説明: Converts timestamps from/to various formats and inserts them on demand.
バージョン: 2.3.0
パブリッシャー: Leo Hanisch
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=HaaLeo.timing

code-eol

EOL(End Of Line) を表示する拡張機能。
Windows と Linux 環境の両方を使用しながらファイルを編集すると時々 CRLF と LF が混ざって Git の diff がえらいことになるので改行コードが見えるようになっていると便利。

  • LF

  • CRLF

名前: code-eol
ID: sohamkamani.code-eol
説明: Display newline characters in your code
バージョン: 0.3.3
パブリッシャー: sohamkamani
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=sohamkamani.code-eol

gitignore

add gitignore とコマンドパレットに打つと .gitignore を生成してくれる拡張機能。
GitHub なんかで追加できる .gitignore のように各言語に合わせた設定を選ぶことができるので便利。
既存の .gitignore に他の言語の設定を追加することもできる。

名前: gitignore
ID: codezombiech.gitignore
説明: Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.
バージョン: 0.6.0
パブリッシャー: CodeZombie
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore

GitHub Gist Explorer

GItHub Gist を vscode 上で追加・削除・編集することができる拡張機能。
vscode の便利な機能を使いながら Gist を編集できるので便利。

名前: GitHub Gist Explorer
ID: k9982874.github-gist-explorer
説明: Management your GitHub gists with Visual Studio Code
バージョン: 0.2.0
パブリッシャー: Kevin Chou
VS Marketplace リンク: https://marketplace.visualstudio.com/items?itemName=k9982874.github-gist-explorer
11
6
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
11
6