は、Visual Studioのプロジェクト2017

Question

私は（同じ溶液中で）私の.NETアプリケーションと一緒に2017年のVisual Studioで反応するアプリケーションを開発したいと反応します。

私は活字体を使用していますので、私は（私はなど、プロジェクトをWebPACKのしたいので、標準のVisual Studio活字体の構築が十分ではありません）私は、ビルドをカスタマイズすることができ、プロジェクトの種類をしたいです。

私はnode.js developer toolsをインストールしましたが、node.jsの特定のプロジェクト（起動時にnode.jsインスタンスを実行する）を作成することができ、ビルドプロセスをカスタマイズすることはできません。

プロジェクトの種類は、このための最善されますか？

Answer 1

私は最近、これをしなかったし、次をお勧めします：

1. あなたの.NETプロジェクトでは、Visual Studioで通常どおりに作成/追加のVisual Studioの2017年
2. を「空白」ソリューションプロジェクトを作成します。
3. あなたのReactプロジェクトを作成してください。 Facebookのcreate-react-appを使って実際にReactプロジェクトを生成しました。これには、Webpack、Jest（テスト用）、糸（パッケージ管理用）などのような実際に優れた機能がたくさんあります。しかし、これらの詳細は隠されているので、生成されたプロジェクトははるかに簡単です。あなたはビルド/テストプロセスをより細かく制御する必要があります場合はcreate-react-app ejectコマンドを実行することができます。 create-react-appにファイルを戻せないため、これは「一方通行」操作であることに注意してください。それが明らかでない場合は、nodeとyarnを別々にインストールする必要があります。

4. あなたも、あなたがそうのようなreact-scripts-tsスクリプトを使用する必要があり活字体を使用したいので

：

create-react-app my-app --scripts-version=react-scripts-ts

Microsoftはhereて良い散歩を持っています。

5. トリッキーな部分は、生成されたVisual Studioにプロジェクトを反応させるのになっています。私はVisual Studioでインストールされた "Visual Studio Installer"から "Node.js development"モジュールをインストールすることでこれを行いました。残念ながら、Microsoftは空白の空のTypeScriptプロジェクトテンプレート（here参照）を削除したようです。

6. Node.jsのツールがインストールされたら、あなたは、溶液中のノードベースのプロジェクトを作成することができます。 「ファイル」 - >「新規」 - >「プロジェクト」 - >「テンプレート」 - >「その他の言語」 - >「TypeScript」の左メニューナビゲーションのいずれかを選択することができます。私は "Blank Node.js Web Application"を選択しました。

7. その後、create-react-appで作成されたReactプロジェクトファイルをVisual Studioプロジェクトにコピーする必要があります。 Visual Studioでディレクトリを作成してプロジェクトファイルに追加し、生成されたフォルダをコピーして、最後にVisual Studioのプロジェクトフォルダに追加するように、ディレクトリを作成する方が簡単です。

8. この時点でcreate-react-appで追加されたpackage.jsonファイルのスクリプトを実行できます。私はこれらをコマンドラインで実行する方が好きですが、Visual StudioでもMads Kristensenの "Task Runner Explorer"を使って実行できます。

Answer 2

別の可能性はVisual Studio Codeでreact extensionを使用することです。それはまさにあなたが求めているものではありませんが、Visual Studioと完全なReactサポートに似たような見た目と感触があります。