react-native学习(1)

搭建开发环境

	react-native安装环境比较麻烦，笔者是做Android开发的，Android环境的搭建就不在说明，这里重点说明搭建react-native

的开发环境

	1、安装windows下的包管理器

	Chocolatey
		Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样：
	@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

 
 

  
  
	一般来说，使用Chocolatey来安装软件的时候，需要以管理员的身份来运行命令提示符窗口。译注：chocolatey的网站可能在国内访问困难，导致上述安装命令无法正常完成。请使用稳定的翻墙工具。 如果你实在装不上这个工具，也不要紧。下面所需的python2和nodejs你可以分别单独去对应的官方网站下载安装即可。
  
  

  
  
     2、安装Python 2
  
  
	打开命令提示符窗口，使用Chocolatey来安装Python 2.
choco install python2
   
  
  	可以看到，在安装了choco后安装软件还是挺方便的。
  
  

  
  

  
  
     3、安装Node
  
  
 	打开命令提示符窗口，使用Chocolatey来安装NodeJS。注意，目前已知Node 7.1版本在windows上无法正常工作，请避开这个版本！
choco install nodejs.install
  
  	同安装python一样
  
  

  
  
        这里有一个地方需要注意，安装好node后在命令行窗口内输入npm -v查看是否安装成功，有可能安装成功后会提示npm不是命令（我就
  
  
碰到了这种情况），正常情况下node安装成功后不会这种情况的，解决办法也很简单，在node的安装目录找到node.exe，然后以管理员身份运
  
  
行即可。
  
  
	配置镜像加速
  
  

  
  
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
  
  

  
  

  
  
    4、安装git
  
  

  
  
	你可以使用Chocolatey来安装git:
  
  
choco install git

  
  

  
  
	另外你也可以直接去下载Git for Windows。 在安装过程中注意勾选"Run Git from Windows Command Prompt"，这样才会把git命令添加到PATH环境变量中。
  
  
    如果没有使用gti for windows，注意需要自己手动配置一下git的环境变量
  
  
	具体看这篇blog:http://blog.csdn.net/exlsunshine/article/details/18939329
  
  
     5、安装react-native
  
  


  
  
	打开CMD命令窗口，选择自己要放的文件目录下，使用git clone命令从github克隆react-native至本地
	git clone https:github.com/facebook/react-native.git
	克隆成功后
	接着进入react-native目录下的react-native-cli目录，输入命令
	npm install -g
 到这里所有的环境搭建工作就完成了。接下来我们会创建项目运行，
 6、创建react-native项目

    
    
指定到目录下执行以下命令，创建新的项目AwesomeProject。
react-native init AwesomeProject
     
     
1
由于被墙的原因，会比较慢，耐心等待！ 
  
  

  
  
运行package
   
   
进到刚创建的AwesomeProject，执行react-native start。
cd AwesomeProject
react-native start
* 此时可以通过浏览器访问 http://localhost:8081/index.android.bundle?platform=android，出现如下页面表示服务端已经可以了。 

cmd运行项目
一种先打开模拟器或者链接手机设备。
   
   
另外再启动一个新的命令行,到你的项目下，执行(设备允许usb调试)。
react-native run-android
就可以看到项目运行起来了。