React Native 安裝的先決條件和設(shè)置
需要掌握的知識(shí)點(diǎn)
- 掌握 JavaScript 基礎(chǔ)知識(shí)
- 掌握 React 相關(guān)基礎(chǔ)知識(shí)
- 掌握 TypeScript 相關(guān)基礎(chǔ)知識(shí)
安裝軟件前需要首先安裝Chocolatey。Chocolatey 是一種流行的 Windows 包管理器。
安裝 nodejs 和 JDK
choco install -y nodejs-lts microsoft-openjdk11
安裝需要的開發(fā)工具
- VsCode
- Android Studio（主要是用來安裝虛 SDK 和安裝虛擬設(shè)備）
使用Android Studio安裝 SDK 和相關(guān)編譯插件
-
選擇
Tools->SDK Manager進(jìn)入 SDK 選擇頁面
-
選擇對(duì)應(yīng)的 SDK 版本進(jìn)行安裝
-
安裝編譯工具(使用
react-native doctor命令后可以查看對(duì)應(yīng)的版本)
創(chuàng)建一個(gè)新應(yīng)用程序
如果您之前安裝了全局 react-native-cli 包，請(qǐng)將其刪除，因?yàn)樗赡軙?huì)導(dǎo)致意外問題：
npm uninstall -g react-native-cli @react-native-community/cli
React Native 有一個(gè)內(nèi)置的命令行界面，您可以使用它來生成新項(xiàng)目。npx 您無需使用 Node.js 附帶的全局安裝任何東西即可訪問它。讓我們創(chuàng)建一個(gè)名為“AwesomeProject”的新 React Native 項(xiàng)目：
npx react-native@latest init myApp
運(yùn)行之前首先使用npx react-native doctor命令檢查相關(guān)依賴是否滿足項(xiàng)目編譯條件：
npx react-native doctor
我們使用虛擬設(shè)備來運(yùn)行項(xiàng)目
npm run android
項(xiàng)目成功編譯后可以看到如下的頁面：
安裝過程中遇到的問題
- 安裝
microsoft-openjdk11的時(shí)候安裝失敗
有時(shí)候microsoft-openjdk11安裝包已經(jīng)下載下來，只是安裝的過程中由于權(quán)限或者其他問題導(dǎo)致安裝失敗。這樣我們就可以具體看一下控制臺(tái)打印出來的錯(cuò)誤信息，找到microsoft-openjdk11下載的目錄，進(jìn)入到具體目錄后進(jìn)行安裝。
- 使用
react-native doctor命令后可以看到如下的錯(cuò)誤：
第一個(gè)問題我們可以通過npm run android命令來解決，因?yàn)槭褂妹詈?，系統(tǒng)會(huì)自動(dòng)啟動(dòng)對(duì)應(yīng)的 ADB 程序
第三個(gè)問題我是忽略，因?yàn)槲乙呀?jīng)安裝了Android Studio，可能是環(huán)境的問題導(dǎo)致報(bào)錯(cuò)，而Android Studio只是幫我們管理對(duì)應(yīng)的 ADB 和 SDK 等等一下環(huán)境，所以這里報(bào)錯(cuò)可以忽略文章來源：http://www.zghlxwxcb.cn/news/detail-629465.html
第四個(gè)問題主要是在Android SDK Build-Tools中選擇安裝對(duì)應(yīng)的版本就可以解決文章來源地址http://www.zghlxwxcb.cn/news/detail-629465.html
到了這里，關(guān)于使用 React Native CLI 創(chuàng)建項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
