[小ネタ]VS Codeの拡張なしでキャメルケース、パスカルケース、スネークケース、ケバブケース、大文字、小文字に変換する

2024.05.07

どうも!オペレーション部の西村祐二です。

Python、TypeScriptなどいろんな言語でプログラミングしていると、関数名や変数名などをキャメルケース、スネークケースに変更したい、大文字に変換したい場面がちょくちょくあります。

今まではchange-caseという文字列を変換してくれる拡張機能を導入してましたが、VS Codeデフォルトの機能でも変換できることを知ったので紹介したいと思います。

環境

VS Code: 1.89

変換方法

文字列を選択し、「cmd + shift + p」などでコマンドパレットを開きます。

検索窓に「transform」と入力します。

変換したい形式を選択します。

下記ではサンプルとしてケバブケースに変換してます。

対応形式

バージョン1.89現在、下記に対応してます。

  • キャメルケースに変換
  • スネークケースに変換
  • ケバブケースに変換
  • パスカルケースに変換
  • 先頭文字を大文字に変換
  • 小文字に変換
  • 大文字に変換

ショートカットを設定

ショートカットを設定しておくとより作業効率をあげることができます。

ショートカットの設定はメニューから設定できます。

または、コマンドパレットを開いたときに表示される歯車のアイコンをクリックすることでもショートカットの設定画面を表示できます。

ちなみに私は

「control + opt + cmd + 頭文字」で今のところ設定します。

さいごに

VS Codeの拡張なしでキャメルケース、パスカルケース、スネークケース、ケバブケース、大文字、小文字に変換する方法を紹介しました。

リリースノートに明確な記載はみつけることができなかったのですが、コミットをみるにかなり前から機能追加されていたみたいでした。

https://github.com/microsoft/vscode/pull/169512

誰かの参考になれば幸いです。