ReactNative 環(huán)境配好了半年一直沒嘗試過，當(dāng)初也就跑了個helloworld，是時候 把該補的工作補上去了。折騰了一天半，又熟悉了node.js git ，sublime 等等

1.sublime

雖然不需要激活，但是 默認(rèn)的也是一個沒多大用的核心--其他的功能都要以插件的形式裝上去--就像Eclipse。
默認(rèn)是沒有Package Settings和Package Control兩個菜單。
不要想通過命令行的形式---慢還不靠譜。
還是下載之后離線安裝簡單粗暴：

1.點擊Preferences>Browse Packages菜單
2.進入打開的目錄的上層目錄，然后再進入Installed Packages/目錄
3.下載Package Control.sublime-package并復(fù)制到Installed Packages/目錄
4.重啟 Sublime Text。

其他參考別人的建議React Native開發(fā)推薦的一些插件：

• ReactJS : 支持React開發(fā)，代碼提示，高亮顯示 ，介紹地址：sublime-react

• Emmet ：前端開發(fā)必備。

• Terminal : 在sublime中打開終端并定位到當(dāng)前目錄，神器，mac下的快捷鍵為：command+shift+T

• react-native-snippets：react native 的代碼片段，

打開sublime遇到一個提示

Sublime Text Error while loading PyV8 binary:exit code 1 Try to manually install Pyv8 form

https://github.com/emetio/pyv8-binaries

于是到網(wǎng)上尋找答案 解決方法如下：

1. 去gihub下載 PyV8,連接地址：

   https://github.com/emmetio/pyv8-binaries#readme

2. 進入 路徑 C:\Users\UserName\AppData\Roaming\Sublime Text 2\Packages\PyV8 沒有的文件夾新建

3. 我自己的文件是 C:\Users\BianGX\AppData\Roaming\Sublime Text 3\Packages\PyV8 把下載的 pyv8-win64-p3 解壓 拷貝進來就好了.

2.React native踩的大坑

新建項目必須要用Windows 下 win+X 命令行 創(chuàng)建新的項目必須用 管理員權(quán)限那個，其他的啟動 并不需要

image.png

雖然 hello world 跑的通但是 還是要進階看demo 采坑開始。

每個項目導(dǎo)入后 進入項目 root 都要執(zhí)行

npm install react-native-cli
npm install -g (全局安裝,為什么 每個都要來一次 雖然只要一次)

但是這速度是在不敢恭維，就算使用代理也很慢---可能物理距離太遠(yuǎn)，npm 太TM慢了怎么辦 更換 淘寶的 服務(wù)器--好的感謝阿里爸爸--

$ npm install -g cnpm --registry=http://registry.npm.taobao.org

這個命令 使用淘寶的鏡像--據(jù)說15分鐘同步一次--所以 都是一樣的。

image.png

導(dǎo)入的是來自阿里開發(fā)人員,你的又一Github客戶端哦~項目github也超過了1000個star。主要功能:

• Feeds like web github home. (Github個人主頁)
• Search users or repos. (搜索用戶或者開源庫)
• Star, watch repos, follow guys. (start,watch庫,follow用戶)
• Explore trending repos daily, weekly, monthly. (查看瀏覽趨勢)
• Check who's famous in some filed all of the world. (檢查特殊的commit）
  項目地址:https://github.com/xiekw2010/react-native-gitfeed

有個大小為-1b的包果然卡了十分鐘， 肯定壞了那就從新再來一次，結(jié)果又十分鐘還不好我也是醉了。

image.png

換到 Android Studio 來。。下了10分鐘 都沒有下完，

image.png

wtf.我換個項目還不行？

該為國外一個天氣預(yù)報客戶端,界面效果簡約優(yōu)美，項目地址:
https://github.com/stage88/react-weather

于是又下載 解壓 安裝。。。。。。。

終于到了再一次 run-android

image.png

image.png

根據(jù)提示 codepush.gradle 不存在于是到了路徑下看了果然是個空的文件夾

于是 百度之;
安裝Code-Push的命令行工具:

npm install -g code-push-cli

進入App根目錄,運行一下命令:

npm install --save react-native-code-push@latest

然后再來一次。。。

漫長的七分鐘 終于成功了

image.png

但是 第一次還沒加載完又滿屏的 紅 WTF？？看一下 服務(wù)的窗口OOM？？

image.png

我感到了代碼對我深深的惡意--寫法優(yōu)雅優(yōu)美的代碼高高在上鄙視著你這個無能為力的碼畜！
不能忍了------我再來一個，，差點給網(wǎng)速跪了

image.png

image.png

慢，那我再換一個。。。https://github.com/togayther/react-native-cnblogs 最近更新 幾天以前，還不錯
ping 值都300 我也很無奈啊

image.png

輕車熟路 安裝：

image.png

執(zhí)行 run-android ,
開始編譯配置：

image.png

服務(wù)成功啟動：

image.png

image.png

最后 還是失敗了--服務(wù)端問題 js 文件創(chuàng)建失敗-但是Android端是正常的

image.png

剛好 那個 30days下完了，那么 再來一次（想認(rèn)輸么，哪那么容易？）

我還是認(rèn)輸了---自己的npm版本略低---又是一堆坑要填。

最后的最后，就算是自己跑demo,總算還是學(xué)點了經(jīng)驗：
1.在github看demo項目最后的維護時間---1month 甚至更久的以year為單位的 就不要去嘗試了--技術(shù)更新太快，太多的 坑要一個個來填：有些方法都棄用了，有些方法改名了等等
2.不要一棵樹吊死，不行就換一個，Windows本身坑就多啊----看來 mac book在向我招手。
3.把坑以及解決辦法記下來，相信我，你還會再次遇到的---大神請無視。
4.熟悉命令行真的很重要也很有用--敲出來比點按鍵爽多了。