1、VSCode安装 React Native Tools 插件。
2、生成package.json，用 npm init命令
tsconfig.json，typescript 的项目都需要一个tsconfig.json
输入命令 tsc --init 会创建一个这样内容的tsconfig.json
image.png
写node.js你可以修改target为es6, 调试： sourceMap改为true, allowjs为true,就可以ts和js混合用了。
3、运行，启动调试，选择 Node.js
image.png
然后右边的运行按钮就可以选择运行在哪个平台了。
image.png
4、VSCode报错："import type" 声明只能在 TypeScript 文件中使用。ts(8006)
原因：VSCode需要搭建 TypeScript 环境。
参考：//www.greatytc.com/p/7eabd4e838dc
5、报错：npm ERR! code EPERM
原因：权限问题，找到命令提示符，以管理员身份运行即可
image.png
6、报错：java.nio.file.AccessDeniedException
然后还无法删除build文件夹。
原因：我在Android Studio编译了这个项目，默认所属的权限用户是另外的电脑用户。
解决方法1：直接在Android Studio删除编译文件。
解决方法2：cmd命令清理npm缓存
在C:\Users{账户}\下的.npmrc文件. 即清除npm缓存
（也可以使用命令清除缓存 npm cache clean --force）
解决方法3：关机重启。
7、在运行React Native项目时出现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
}
