2016-04-15 14 views
9

だから、今この大きな発表がありました。write Windows apps using React Nativeです。今度はVisual Studioとの依存関係、SDKおよびその他もろもろをインストール数時間を過ごした後how to install React WindowsReact Nativeを使ってUWPアプリケーションを作成するには?

上のいくつかの説明につながるGithub page

発表リンクは、私は、Visualに建てられたこの「ReactNative」ソリューションを持っていますスタジオが、私はまだ簡単に書く方法を理解することができませんHello Worldプログラム。

Visual StudioのコードでAndroidまたはiOSのプログラムの書き方にすべてのドキュメントのポイントが、UWPプログラムを作成する方法についての兆候はありません。

どこから始めたらよいですか? Visual Studioに相当する「react-native init」とは何ですか?

答えて

4

あなたはreact-native init AwesomeProject ...

cd AwesomeProject 
npm i --save-dev rnpm-plugin-windows 
react-native windows 

を実行した後にこれは、Visualが生成されます、新しいWindows上でネイティブプロジェクトを反応させ始め、次の操作を行うコマンドライン広告を開くには

プロジェクトのStudioソリューションとindex.windows.jsエントリポイント。 Visual Studioコードは、React Native JavaScriptを編集するための素晴らしいツールです。

アプリを実行するにはreact-native run-windowsを実行してください。

0

現在のところ、React NativeのUWP Apps用にリリースされたすぐれたソリューションはありません。 UWPサポートのある唯一の既知のアプリケーションは現在F8Appですが、移植方法についてはblog postです。

0

ほとんどの場合、答えは "反応ネイティブのinit"を実行するコマンドラインです - あなたはVisual Studioでそれをしません。 参照https://github.com/ReactWindows/react-native-windows#getting-started

Visual Studioプロジェクトは、反応ネイティブjsコードの読み込みと実行方法を知っているUWPプロジェクトを作成します。 VSコードは基本的に単なるラッパーです。

REM This is the same on Mac or Windows.. 
react-native init AwesomeProject 

cd AwesomeProject 

REM You need to install the react package manager 
npm install -g rnpm 

REM Add the rnpm-plugin-windows into your package.json 
npm install --save-dev rnpm-plugin-windows 

REM This will create a "windows" folder in your project folder, 
REM the eqivalent of the ios and android folders. 
rnpm windows 

REM You will now have a windows folder with a AwesomeProject.sln file 
REM You need to start the packager which projects the Javascript bundle to the runtime 

react-native start 

REM Open the solution in VS and run it, and you will see your app! 
関連する問題