海外からのアクセス:www.kdjingpai.com
Ctrl + D このサイトをブックマークする
現在の場所図頭 " AIアンサー

実際のプロジェクトでStreamdownをインストールし、設定する方法は?

2025-08-28 295

ストリームダウンの統合プロセスは、3つの主要ステップに分かれている:

  1. 依存的なインストール:npm/pnpmなどで最新版をインストールする。
    npm i streamdown
    Node.js ≥ 18 および React ≥ 19.1.1 環境のサポートが必要です。
  2. スタイル構成:コア・スタイルシートをグローバルCSSファイル(globals.cssなど)に追加する。
    @import '../node_modules/streamdown/dist/index.css';
    プロジェクトの実際の構造に応じて、node_modulesのパスを調整する必要がある。
  3. 基本的な使い方:Markdownコンテンツを導入し、通常のReactコンポーネントのようにラップします。
    import { Streamdown } from 'streamdown';
    <Streamdown>{yourMarkdownText}</Streamdown>

特に、構文解析をリアルタイムで行うことが重要であるため、以下のことを推奨する。parseIncompleteMarkdown属性をデフォルトのtrueに設定します。レンダリングコンポーネントをカスタマイズする必要がある場合(リンクの振る舞いを上書きするなど)はcomponentsカバレッジ・ルールを提案する。

おすすめ

AIツールが見つからない?こちらをお試しください!

キーワードを入力する アクセシビリティこのサイトのAIツールセクションは、このサイトにあるすべてのAIツールを素早く簡単に見つける方法です。

トップに戻る