Create a new file in the applications root directory.Install the React Native Tools plugin for VS Code.Open your applications folder in VS Code.Press F12 or Ctrl+Shift+I in Chrome to open its Developer Tools. You now see your new app and Chrome should have loaded in a new tab. Click the Run button to the right of the platform combo box control in VS, or select the Debug-> Start without Debugging menu item.Run yarn start (or npm start) from your project directory, and wait for the React Native packager to report success.Select the Debug configuration and the 圆4 platform from the combo box controls to the left of the Run button and underneath the Team and Tools menu item.Open the solution file in the application folder in Visual Studio (e.g., AwesomeProject/windows/AwesomeProject.sln if you used AwesomeProject as ).From the root of the project directory, run the following script which will automatically link your app's dependencies:.This step may take a while during first run since it involves building the entire project and all dependencies. In your React Native Windows project directory, run: npx react-native run-windowsįor information on the options that takes see React Native Windows CLI.Ī new Command Prompt window will open with the React packager as well as a react-native-windows app. Make sure a browser is launched and running before running a React Native Windows app.Īlso ensure your system meets all the requirements to build a Windows app as well. If you are adding Windows to your existing app and you have modified the file, please back up your changes, run the command and copy over to take effect.įor information on the options that react-native-windows-init takes see React Native Windows Init CLI. If you are starting a new app, this should have no impact. The -overwrite flag copies a custom file. Lastly, install the React Native for Windows packages. Once your project has been initialized, React Native will have created a new sub directory where all your generated files live. 0 Navigate into this newly created directory Remember to call react-native init from the place you want your project directory to live. Make sure you have installed all of the development dependencies.įor information around how to set up React Native, see the React Native Getting Started Guide. This guide will help you get started on setting up your very first React Native for Windows app.
0 kommentar(er)
