1谣辞、VSCode安裝 React Native Tools 插件。
2、生成package.json硝岗，用 npm init命令
tsconfig.json，typescript 的項(xiàng)目都需要一個(gè)tsconfig.json
輸入命令 tsc --init 會(huì)創(chuàng)建一個(gè)這樣內(nèi)容的tsconfig.json
image.png
寫(xiě)node.js你可以修改target為es6, 調(diào)試： sourceMap改為true, allowjs為true,就可以ts和js混合用了袋毙。
3型檀、運(yùn)行，啟動(dòng)調(diào)試听盖，選擇 Node.js
image.png
然后右邊的運(yùn)行按鈕就可以選擇運(yùn)行在哪個(gè)平臺(tái)了胀溺。
image.png
4、VSCode報(bào)錯(cuò)："import type" 聲明只能在 TypeScript 文件中使用皆看。ts(8006)
原因：VSCode需要搭建 TypeScript 環(huán)境仓坞。
參考：http://www.reibang.com/p/7eabd4e838dc
5、報(bào)錯(cuò)：npm ERR! code EPERM
原因：權(quán)限問(wèn)題腰吟，找到命令提示符无埃，以管理員身份運(yùn)行即可
image.png
6、報(bào)錯(cuò)：java.nio.file.AccessDeniedException
然后還無(wú)法刪除build文件夾毛雇。
原因：我在Android Studio編譯了這個(gè)項(xiàng)目录语，默認(rèn)所屬的權(quán)限用戶是另外的電腦用戶。
解決方法1：直接在Android Studio刪除編譯文件禾乘。
解決方法2：cmd命令清理npm緩存
在C:\Users{賬戶}\下的.npmrc文件. 即清除npm緩存
（也可以使用命令清除緩存 npm cache clean --force）
解決方法3：關(guān)機(jī)重啟澎埠。
7、在運(yùn)行React Native項(xiàng)目時(shí)出現(xiàn)Application XXX has not been registered.
原因：8081端口被占用始藕。
解決：重啟軟件或者重啟電腦蒲稳。
8、VS設(shè)置護(hù)眼顏色：
擴(kuò)展：下載亮色主題Atom One Light Theme伍派。
文件——首選項(xiàng)——設(shè)置江耀。
image.png
"workbench.colorTheme": "Atom One Light",
"workbench.colorCustomizations": {
"[Atom One Light]": {
"editor.background": "#C7EDCC",
"sideBar.background": "#333131",
"activityBar.background": "#252725",
},
},
image.png
{
"workbench.colorTheme": "Default Light+",
"workbench.colorCustomizations": {
"[Default Light+]": {
"editor.background": "#cce8cf",
"sideBar.background": "#cce8cf4f",
"activityBar.background": "#000000",
"panel.background": "#b8b7b76b",
"terminal.background": "#cce8cf",
},
},
"go.useLanguageServer": true,
"window.zoomLevel": 0.5
}
