docs: rework scaffolding your first vite project (#2095)

Author: jay-es

guide/index.md

@@ -43,10 +43,6 @@ Vite は完全な型サポートのある [Plugin API](./api-plugin) と [JavaSc
 
 ## 最初の Vite プロジェクトを生成する
 
-::: tip 互換性について
-Vite は [Node.js](https://nodejs.org/en/) 20.19+, 22.12+ のバージョンが必要です。ただし、一部のテンプレートではそれ以上のバージョンの Node.js を必要としますので、パッケージマネージャーが警告を出した場合はアップグレードしてください。
-:::
-
 ::: code-group
 
 ```bash [npm]
@@ -73,6 +69,12 @@ $ deno init --npm vite
 
 あとは画面表示に従ってください！
 
+::: tip 互換性について
+Vite は [Node.js](https://nodejs.org/en/) 20.19+, 22.12+ のバージョンが必要です。ただし、一部のテンプレートではそれ以上のバージョンの Node.js を必要としますので、パッケージマネージャーが警告を出した場合はアップグレードしてください。
+:::
+
+:::: details create vite をコマンドラインオプションと一緒に使用する
+
 プロジェクト名や使用するテンプレートは、追加のコマンドラインオプションによって直接指定することもできます。例えば Vite + Vue のプロジェクトを生成するには以下のコマンドを実行します:
 
 ::: code-group
@@ -104,6 +106,8 @@ $ deno init --npm vite my-vue-app --template vue
 
 現在のディレクトリーに生成するには、プロジェクト名に `.` を使用します。
 
+::::
+
 ## コミュニティーのテンプレート
 
 create-vite はよく使われているフレームワークの基本的なテンプレートを元に、プロジェクトをすばやく開始するためのツールです。他のツールを含んでいたり、別のフレームワークを対象としている、[コミュニティーが管理しているテンプレート](https://github.com/vitejs/awesome-vite#templates)については Awesome Vite をチェックしてみてください。