1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCodeにUSS(Unity style sheets)をシンタックスハイライトさせる

Last updated at Posted at 2021-08-14

UnityのUIElementsを用いたエディタ拡張では*.ussファイルを記述することがあります。
しかし、VSCodeでは標準で*.ussにシンタックスハイライトがなく、もちろんフォーマッタも利用できません。
また、マーケットプレースにこれを解決するズバリな拡張機能を見つけることはできませんでした。(2021/08/15現在)

VSCodeに*.ussと*.cssを関連付けさせることで__シンタックスハイライト__をさせる方法を紹介したいと思います。

#settings.jsonを開く
ctrl + shift + pで開いたコマンドパレットにsettings.jsonと入力してください。
vscode_settings_json.png
ちなみに、基本設定:ワークススペースを開く(JSON)を選択すると現在のプロジェクトのみに設定が反映されるようになります。

#settings.jsonを編集する

settings.json
"files.associations": {
    "*.uss": "css",
}

上記の記述をsettings.jsonへ追加することで*.ussと*.cssに関連付けがなされます。

#*.ussを編集する

uss_colorpicker.png
*.ussと*.cssに関連付けがなされたため__シンタックスハイライト__されるようになりました。
また、これにより*.css同様に__カラーピッカー__や__フォーマッタ__が利用できるようになりました。

#参照
[VSCode] Language Identifiers

1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?