• RN配置


    Write by lz:

    详细参考官方网址: http://reactnative.cn/docs/0.43/getting-started.html#content 

    若是无法安装 Chocolatey , 则可以选用下面步骤进行:

    1) 安装 Python2, 可以选用,直接点击进行安装即可

    a) 下载网址: https://www.python.org/downloads/ 

    b) 

    c) 

    d) 安装成功:

    e) 可选: 不一定需要把安装环境配置到Path 环境变量中,也可以直接添加即可

     

     

    2) 安装 Node.js, 可以选用,直接点击进行安装即可

    a) 下载网址: http://nodejs.cn/download/ 

    b) 

    c) 安装成功:

    d) 测试是否安装成功:  node --version 

    e) 安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)

    npm config set registry https://registry.npm.taobao.org --global

    npm config set disturl https://npm.taobao.org/dist --global

    3) Yarn、React Native的命令行工具(react-native-cli)

    参考官方说明:

    Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    npm install -g yarn react-native-cli

    安装完yarn后同理也要设置镜像源:

    yarn config set registry https://registry.npm.taobao.org --global

    yarn config set disturl https://npm.taobao.org/dist --global

    如果你遇到EACCES: permission denied权限错误,可以尝试运行下面的命令(限linux系统): sudo npm install -g yarn react-native-cli.

    4) Android Studio 的安装和配置

    5) 推荐可选

      a) Git

      b) Genymotion

      c) Visual Studio Emulator for Android

    6) 测试安装: 参考官方

    react-native init AwesomeProject

    cd AwesomeProject

    react-native run-android

    提示:你可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.39.2。注意版本号必须精确到两个小数点。

    Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!

    修改项目

    现在你已经成功运行了项目,我们可以开始尝试动手改一改了:

    • 使用你喜欢的文本编辑器打开index.android.js并随便改上几行
    • 按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。
    • 在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。

    完成了!

    恭喜!你已经成功运行并修改了你的第一个React Native应用。

     

    2017-04-17

    Write by lz

    以一颗童心善待生活
  • 相关阅读:
    vim does not map customized key?
    再说vundle: 完全vim字符编程的四个必须插件
    centos7 没有iptables服务 file or directory? 用secureCRT登录centos?
    php基础语法-函数等
    windows下vmware10.0 安装centos7
    fedora23的firefox不能播放优酷视频?
    linux如何隐藏和显示所有窗口?
    fedora23忘记root密码怎么办??
    mouse scrollings and zooming operations in linux & windows are opposite
    windows 杂项
  • 原文地址:https://www.cnblogs.com/lizhilin2016/p/6743263.html
Copyright © 2020-2023  润新知