前言
以前做react-native 寫的文章，在此分享一下。
在react-native 中有兩種方式調試，一種是crome 調試，一種是本地調試，接下來介紹的是本地調試。
解決方案
在vs code 中，必須安裝一個工具才可以使用：
接下來介紹使用方式:
先來一張大圖，嗯，是的一張大圖。
這時候，我們調試的是Debug Android.
那么就選擇添加它好了，至於怎么配置，請看大屏幕，添加配置按鈕。
然后按F1，這時候是很好的快捷鍵，選擇啟動模式，嗯，很開心的啟動模式，看圖：
請看第一個，react native:Run android on simulator
就是這個，設置啟動模式。
很開心了，那么這個時候其實，已經可以調試了。
是的，的確如此。
如果無法啟動，請確定是否安裝了react dev tools
但是對於react native 來說，我們用typescript來調試的，so：
是否可以用tsx直接來使用？或者調試，當然是可以的。
創建rn-cli.config.js包，內容如下：
module.exports = {
getTransformModulePath() {
return require.resolve('react-native-typescript-transformer');
},
getSourceExts() {
return [ 'ts', 'tsx' ]
}
};
上面代碼是tsx到js的一個轉換，其實就是轉換成js，一般來說index.js不需要我們去改變，那么從app.js開始就可以去填寫app.tsx.
yarn add --dev typescript
yarn add --dev react-native-typescript-transformer
yarn tsc --init --pretty --jsx react
touch rn-cli.config.js
yarn add --dev @types/react @types/react-native