自分がよくお世話になっている 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 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
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