建立React Native 專案

2021-10-07 20:42:19 字數 895 閱讀 5742

適用版本:react native 0.62

安裝yarn 可以不安裝

npm install -g yarn
android配置環境變數

配置 android_home 環境變數

新增環境變數:

%android_home%\platform-tools

%android_home%\emulator

%android_home%\tools

%android_home%\tools\bin

建立react-native 專案

如果全域性安裝過舊的react-native-cli命令列工具,請使用npm uninstall -g react-native-cli解除安裝掉它以避免衝突。

使用 react native 內建的命令列工具來建立乙個名為"sample"的新專案。這個命令列工具不需要安裝,可以直接用 node 自帶的npx命令來使用(注意:init 命令缺省會建立最新的版本):

//解除安裝當前安裝的react-native-

cli命令列工具

npm uninstall -g react-native-

cli/

/安裝 react-native-

cli命令列工具

npx react-native init sample

安裝依賴

yarn

npm i

執行專案

//執行指定平台 android或者ios

yarn android/ios

npm run android/ios

建立react native報錯

installing cocoapods dependencies this may take a few minutes error error failed to install cocoapods dependencies for ios project,which is required b...

React Native生成專案

使用cmd命令進入rn專案工程目錄,執行命令 react native init awesomeproject待檔案初始化完成之後,進入該專案目錄 cd awesomeproject執行專案 react native run android在編譯的過程中,會自動在裝置上設定除錯的位址,如果開啟程式一...

React Native拷貝專案(專案改名)

1 拷貝專案,重新命名為 mypro 2 執行react native run android報錯,如下 3 修改專案名 3 修改package.json和package lock.json,name改為 mypro 4 在 android 資料夾下,將檔案 myproject.iml 改名為 my...