Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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"
],
Anders
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away