ReactNative環(huán)境搭建(Windows)

8.安裝nuclide插件
兩種安裝方式:
setting -> Install ->搜索
需要VPN,時(shí)間長(zhǎng),第一次會(huì)特別卡
手動(dòng)安裝:下載nuclide源代碼,打開(kāi)終端,進(jìn)入源代碼文件夾目錄,執(zhí)行命令'npm install',等待片刻,執(zhí)行命令'apm link'.
安裝之后 設(shè)置選項(xiàng),下圖中綠色對(duì)勾選項(xiàng)。會(huì)安裝相關(guān)的插件


Windows版本無(wú)代碼補(bǔ)全功能,不支持React Native原生庫(kù),以及語(yǔ)法檢查。
9.上述問(wèn)題可安裝其他插件代替
react
10. 安裝python 2.7
atom安裝插件時(shí),總是提示
Installing “activate-power-mode@0.3.2” failed.Show output…
Compiler tools not found
Packages that depend on modules that contain C/C++ code will fail to install.
Read here for instructions on installing Python and Visual Studio.
Run apm install --check after installing to test compiling a native module
解決方法,安裝python 2.7.x 3系列好像不行
關(guān)于VS ,安裝時(shí)間太長(zhǎng),如果網(wǎng)絡(luò)不穩(wěn)定(需要VPN),不建議在線安裝
建議從官網(wǎng)下載安裝包,試了從百度云下載了一個(gè)iso格式,安裝不成功
選擇community版本即可
最后我沒(méi)安裝,只安裝了python,也可以成功安裝插件。
vs卸載很麻煩,想要卸載時(shí)可去控制面板,找到vs主圖標(biāo),點(diǎn)擊選擇'更改'選項(xiàng),選在卸載,但是最后一小段進(jìn)度條會(huì)卡住。
11.建議安裝Git for Windows
可以直接從Github 拉代碼

設(shè)置用戶(hù)名

  1. 安裝node.js
    需要4.0版本以上
    13.如果第一次,需要安裝JDK ,Android SDK,
    記住,需要將添加環(huán)境變量
    android sdk 需要下載到6.0,需要VPN,會(huì)很慢,時(shí)間很長(zhǎng),建議換國(guó)內(nèi)鏡像
    推薦使用騰訊Bugly的鏡像加速下載http://android-mirror.bugly.qq.com:8080/include/usage.html
    然后進(jìn)入SDKManager(可通過(guò)Android Studio菜單Tools-Android-SDK Manager),確保以下項(xiàng)目已經(jīng)安裝并更新到最新:
    Tools/Android SDK Tools (24.3.3)
    Tools/Android SDK Platform-tools (22)
    Tools/Android SDK Build-tools (23.0.1)(這個(gè)必須版本嚴(yán)格匹配23.0.1)
    Android 6.0 (API 23)/SDK Platform (1)
    Extras/Android Support Library(23.0.1)
    Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repository)
    推薦將SDK的platform-tools子目錄加入系統(tǒng)PATH環(huán)境變量。
    最后,把ANDROID_HOME環(huán)境變量設(shè)置為你sdk所在目錄。
    15.安裝react-native命令行工具
    打開(kāi)終端,npm install -g react-native-cli

創(chuàng)建項(xiàng)目
進(jìn)入你的工作目錄,運(yùn)行react-native init MyProject
這一步會(huì)非常慢,而且需要VPN,可以將第一次創(chuàng)建的工程備份,以后復(fù)制使用,這里切記,項(xiàng)目名不可改。
問(wèn)題:在React Native中文網(wǎng)有如下建議,用于解決創(chuàng)建項(xiàng)目慢的問(wèn)題
由于眾所周知的網(wǎng)絡(luò)原因,react-native命令行從npm官方源拖代碼時(shí)會(huì)遇上麻煩。請(qǐng)將npm倉(cāng)庫(kù)源替換為國(guó)內(nèi)鏡像:
npm configsetregistry https://registry.npm.taobao.org
npm configsetdisturl https://npm.taobao.org/dist
導(dǎo)致問(wèn)題:用以上鏡像會(huì)導(dǎo)致node_modules不全
如果已經(jīng)按照上述命令修改了,可用如下命令改回來(lái)

16.運(yùn)行項(xiàng)目
啟動(dòng):打開(kāi)終端進(jìn)入項(xiàng)目目錄,執(zhí)行react-native start
運(yùn)行:另外打開(kāi)一個(gè)終端,進(jìn)入項(xiàng)目目錄,執(zhí)行react-native run-android

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,926評(píng)論 25 709
  • 盡管在移動(dòng)開(kāi)發(fā)中,原生APP的開(kāi)發(fā)成本很高,但現(xiàn)階段基于原生開(kāi)發(fā)仍然是必須的,因?yàn)閃eb的用戶(hù)體驗(yàn)仍無(wú)法超越Nat...
    奔跑的大橙子閱讀 5,481評(píng)論 0 11
  • 前言 學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開(kāi)發(fā)基礎(chǔ),沒(méi)有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(mén)(一) 學(xué)習(xí) 本人...
    珍此良辰閱讀 2,401評(píng)論 3 9
  • 刻薄嘴欠和幽默是兩回事,口無(wú)遮攔和坦率是兩回事,沒(méi)有教養(yǎng)和隨性是兩回事,輕重不分和耿直是兩回事。
    724cb9de60b4閱讀 544評(píng)論 0 0
  • 我是某省大學(xué)金融系的大四學(xué)生,只有幾個(gè)月就要畢業(yè)了,這不,大學(xué)校園里每到周末就是很多銀行、投資機(jī)構(gòu)、基金組...
    奔跑的一夢(mèng)閱讀 194評(píng)論 1 1

友情鏈接更多精彩內(nèi)容