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後安裝軟體還是挺友善的。        同安裝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調試)。
  就可以看到項目運作起來了。