search
LoginSignup
28
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

[VSCode] change-case拡張機能の設定

change-caseのデフォルト設定で十分に使えるのですが、たまには特別のニーズがある場合は、個別設定で簡単に実現できます。

  • change-caseのショートカットキー
    Ctrl+Uをクリックすると、定義された順番で単語のケースが変わる。

    例:hogeFuga → HogeFuga → HOGE_FUGA → hoge_fuga → hogeFuga ...

  • 設定画面を開く
    Code → 基本設定 → 設定 → ユーザ設定またはワークスペースの設定で下記の設定内容を追加

  • change-caseの設定値の確認
    設定画面の設定の検索フィールドに「change-case」を入れると、デフォルト設定が表示される

image.png

  • change-caseの可能な設定値一覧
[
    "snake_case",
    "param-case",
    "camelCase",
    "PascalCase",
    "CONST_CASE"
]

意味は設定値の見た目のである。

  • jsxファイルに下記Ctrl+Uで下記4書類のケース変更を行う
"change-case.jsx": [
    "snake_case",
    "camelCase",
    "PascalCase",
    "CONST_CASE"
],

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
What you can do with signing up
28
Help us understand the problem. What are the problem?