React-Native(上手)

這幾天剛接觸react-native,想點亮這一塊兒的技能燈,所以開始上手
先了解下RN,實際上使用RN編寫的代碼經過編譯後生成的是原生的APP,我們只是通過這樣一個框架來告訴RN我們的目的,所以最終生成的最底層的代碼我們不用管,所以調試技巧、瞭解RN提供的組件是學習RN的關鍵

  1. 安裝環境

環境的安裝直接看官網就行,但是提一句,別看官網要我們配置Android studio ,但是那使用用開在後面使用的,剛開始上手開發就不要用了,配好就丟一邊,直接用命令行就行

react-native init AppName    //創建項目,初始化
cd AppName        
react-native start     //開啓包管理器服務(開發的時候要一直開着)

 //打開模擬器(建議使用第三方的)
../../nox_adb.exe connect 127.0.0.1:62001     //(連接模擬器,模擬器要先開着)

cd AppName
react-native run-android     //(building,安裝)

到這裏模擬器就紅屏了,在配置下模擬器的端口 本機IP:8081就能看見歡迎頁面,白屏的話就重啓下模擬器就行
react-native run-android成功之前不要用AS打開代碼,這樣會導致它自動building,然後我們再修改js,就不會生效,滿滿的採坑經驗,這是開發的起始

  1. 組件更新
    不管是RN還是其他的框架都會有組件的更新,所以在使用組件的時候要先保證組件是有效的,沒有被起用,或者組件的安裝庫沒有變,保證正確引用和使用,建議先熟悉官網

  2. IDE(atom,vs code,WebStorm)
    開發的工具可以有很多,但是建議使用輕量級的工具,配合插件開發,很多插件會幫助我們避免粗心的錯誤,例如路徑插件、智能提示、變量索引,另外代碼塊插件也可以提高我們編寫的速度,簡直不要太爽

  3. 遇到不知名錯誤
    經常遇到不知名錯誤,找到提示時就按提示修改,找不到時直接貼代碼大法,不要死磕,貼到成功爲止,成功之後再對比,(像是打錯字,大小寫之類的就不在此類,可以通過工具輔助避免)

後面再有心得再寫

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章