React-native的配置见往期博客(点击跳转),此处默认已配置
RN项目的开发使用WebStorm开发工具,点击此处去下载
1.点击File->New Project ->React App
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
填写完毕后,点击Create进入下一步
3.进入到项目后可以看到项目正在编译,并且有temp文件创建项目和指定文件下创建项目,项目编译完成后可以看到Done
4.点击edit configurations,编辑React Native
5.编辑React Native,输入RN name和编译平台
6.run运行到手机中