UnoCSS VS Code 拡張機能

VS Code 用 UnoCSS。

VS Code 拡張機能

コマンド	タイトル
`unocss.reload`	UnoCSS: UnoCSS をリロード
`unocss.insert-skip-annotation`	UnoCSS: 選択範囲に `@unocss-skip` を挿入

キー	説明	タイプ	デフォルト
`unocss.disable`	UnoCSS 拡張機能を無効化	`boolean`	`false`
`unocss.languageIds`		`array`	``
`unocss.root`	UnoCSS 設定ファイルを含むプロジェクトのルート	`array,string`	``
`unocss.include`	検出するファイルのディレクトリ	`array,string`	``
`unocss.exclude`	検出しないファイルのディレクトリ	`array,string`	``
`unocss.underline`	クラス名の下線装飾を有効/無効にする	`boolean`	`true`
`unocss.colorPreview`	カラープレビュー装飾を有効/無効にする	`boolean`	`true`
`unocss.colorPreviewRadius`	カラープレビューの半径	`string`	`"50%"`
`unocss.remToPxPreview`	ホバー時の rem から px へのプレビューを有効/無効にする	`boolean`	`true`
`unocss.remToPxRatio`	rem から px への比率	`number`	`16`
`unocss.selectionStyle`	選択スタイルの装飾を有効/無効にする	`boolean`	`true`
`unocss.strictAnnotationMatch`	注釈を表示する場所に厳密にする	`boolean`	`false`
`unocss.autocomplete.matchType`	オートコンプリートのマッチタイプ	`string`	`"prefix"`
`unocss.autocomplete.strict`	オートコンプリートを表示する場所に厳密にする	`boolean`	`false`
`unocss.autocomplete.maxItems`	オートコンプリートで表示するアイテムの最大数	`number`	`1000`

最良の IDE エクスペリエンスを得るために、UnoCSS の設定には別の uno.config.ts ファイルを使用することをお勧めします。

拡張機能はプロジェクト内で UnoCSS の設定を探します。設定が見つからない場合、拡張機能は無効になります。

アイコンプリセットを使用している場合、Iconify IntelliSenseをインストールすることで、アイコンのインレイプレビュー、オートコンプリート、ホバー情報を取得できます。

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
#