React Native 安裝使用

2021-07-27 18:55:58 字數 1198 閱讀 6608

1、首先

執行 cmd +r ,輸入:

@powershell -noprofile -executionpolicy bypass -command "iex ((new-object net.webclient).downloadstring(''))" && set path=%path

%;%allusersprofile

%\chocolatey\bin

2、安裝 python2

choco install python2
3、安裝 nodejs

choco install nodejs.install
4、安裝完node後建議設定npm映象以加速後面的過程(或使用科學上網工具)。

npm config set registry 

.taobao

.org --global

npm config set disturl

.org/dist --global

5、開始安裝 react_native 的基礎外掛程式react-native-cli

npm install -g yarn react-native

-cli

完成之後,就可以使用 react-native-cli 安裝你所需的專案了

react-native init awesomeproject

cd awesomeproject

react-native run-android

7、當你安裝完成之後,在cmd切換到你專案目錄位址,執行命令:

npm start //開啟服務,預設埠為:8081
當你執行的時候,可能會因為電腦的某些配置,會占用埠號,報403錯誤資訊,例如:

解決1

如果解決1還是沒解決你的問題,那麼請看:

解決2

React native安裝教程以及使用的學習

一 環境搭建 如果英文好的可以檢視 react native官方文件 官方 會提供最新的安裝參考。react native 主要依賴以下環境 下面 結合詳細介紹下 react native 在 mac 環境下的安裝流程,帶你一步步搭建環境,執行 第乙個專案hello world.注 安裝過程請時刻保...

react native安裝筆記

作為乙個前端,第一眼看到react native官方 裡的一句話就被深深吸引住了 learn once,write anywhere 思想上不作絲毫的掙扎,說玩就玩,馬上拿起macbook搗鼓了起來,可是看似這麼簡單的乙個東西,弄起來還真的一堆問題,就在第一步安裝react native cli的時...

React Native引數使用

我們的在程式中使用各種函式方法就離不開傳入引數,那麼如何在react native中使用引數呢?下面先來看乙個例子 1 系統元件使用引數 import react,from react class image extends component return 這裡我們使用到了顯示的元件 image,...