React-native的配置见往期博客(点击跳转),此处默认已配置

RN项目的开发使用WebStorm开发工具,点击此处去下载

1.点击File->New  Project ->React App

通过WebStorm新建一个React Native项目

2.New Project 下有三个选项说明如下:

   2.1 Location:项目的保存位置和项目名称,本实例的项目名称为RNDemo

  2.2  Node Interpreter:node解释器,输入Node安装目录中的Node.ext

  2.3 create-react-app :指向react-native-cli,位于Node安装目录\node_global\node_modules\react-native-cli

通过WebStorm新建一个React Native项目

填写完毕后,点击Create进入下一步

3.进入到项目后可以看到项目正在编译,并且有temp文件创建项目和指定文件下创建项目,项目编译完成后可以看到Done

通过WebStorm新建一个React Native项目通过WebStorm新建一个React Native项目通过WebStorm新建一个React Native项目

4.点击edit configurations,编辑React Native

通过WebStorm新建一个React Native项目

5.编辑React Native,输入RN name和编译平台

通过WebStorm新建一个React Native项目通过WebStorm新建一个React Native项目

6.run运行到手机中

通过WebStorm新建一个React Native项目


相关文章: