1、VSCode安裝 React Native Tools 插件。
2、生成package.json，用 npm init命令
tsconfig.json，typescript 的項目都需要一個tsconfig.json
輸入命令 tsc --init 會創(chuàng)建一個這樣內(nèi)容的tsconfig.json
image.png
寫node.js你可以修改target為es6, 調(diào)試： sourceMap改為true, allowjs為true,就可以ts和js混合用了。
3、運行，啟動調(diào)試，選擇 Node.js
image.png
然后右邊的運行按鈕就可以選擇運行在哪個平臺了。
image.png
4、VSCode報錯："import type" 聲明只能在 TypeScript 文件中使用。ts(8006)
原因：VSCode需要搭建 TypeScript 環(huán)境。
參考：http://www.itdecent.cn/p/7eabd4e838dc
5、報錯：npm ERR! code EPERM
原因：權(quán)限問題，找到命令提示符，以管理員身份運行即可
image.png
6、報錯：java.nio.file.AccessDeniedException
然后還無法刪除build文件夾。
原因：我在Android Studio編譯了這個項目，默認所屬的權(quán)限用戶是另外的電腦用戶。
解決方法1：直接在Android Studio刪除編譯文件。
解決方法2：cmd命令清理npm緩存
在C:\Users{賬戶}\下的.npmrc文件. 即清除npm緩存
（也可以使用命令清除緩存 npm cache clean --force）
解決方法3：關(guān)機重啟。
7、在運行React Native項目時出現(xiàn)Application XXX has not been registered.
原因：8081端口被占用。
解決：重啟軟件或者重啟電腦。
8、VS設置護眼顏色：
擴展：下載亮色主題Atom One Light Theme。
文件——首選項——設置。
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
}
