#React-Native#

#React-Natice 开发环境搭建#


Node  >=16 
npm   设置淘宝镜像
JDK (Java SE Development Kit)   17 
Android Studio
VS code (开发工具)

注意
  强烈建议始终选择 Node 当前的 LTS (长期维护)版本,一般是偶数版本,不要选择偏实验性质的奇数版本。
  不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!
  查看jdk版本 javac -version  
  低于 0.73 版本的 React Native 需要 JDK 11 版本,而低于 0.67 的需要 JDK 8 版本

1:卸载react-native-cli
  npm uninstall -g react-native-cli @react-native-community/cli
2:安装react-native-cli
  npm  install   -g react-native-cli  全局安装

3:创建项目
  npx   react-native  init AwesomeProject


4:运行项目
    cd AwesomeProject
    yarn android
    # 或者
    yarn react-native run-android
    #或者 
    npx react-native run-android
    #或者
    Android Studio 中直接运行应用


其他:
 安装 react-native:

 yarn add react-native
 或者
 npm install react-native 
根据提示安装指定版本的react 
yarn add [email protected]
或者
npm  install [email protected]
注意必须严格匹配警告信息中所列出的版本,高了或者低了都不可以。
注意必须严格匹配警告信息中所列出的版本,高了或者低了都不可以。
如果你使用多个第三方依赖,可能这些第三方各自要求的 react 版本有所冲突,此时应优先满足react-native所需要的react版本。其他第三方能用则用,不能用则只能考虑选择其他库。
所有 JavaScript 依赖模块都会被安装到项目根目录下的node_modules/目录中(这个目录我们原则上不复制、不移动、不修改、不上传,随用随装)。
把node_modules/目录记录到.gitignore文件中(即不上传到版本控制系统,只保留在本地

如果出现错误TypeError: cli.init is not a function
 大概原因:react-native版本是0.69 版本上不适用。
 解决办法1:使用指定版本的react-native
  npx react-native init AwesomeProject --version 0.68.2
解决方法2:
npm uninstall -g react-native-cli
npm install -g react-native-cli
npm install -g [email protected]
 

你可能感兴趣的:(前端,react,native)