win7系统下webstorm 怎么创建react native

Posted 2023-04-03

jsx语法设置
在没有进行设置的情况下，每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示：

当然我们点击转换后就可以了，但是每次都会提示，所以还是来一个一劳永逸的方法把它给去掉吧：

然后Apply/OK即可。
设置.js文件中支持react-native语法高亮
首先会发现在js文件中有不少的警告，类似这样：

这个警告的原因是因为编辑器不知道所引用的这些东西是在哪（不知道源在哪），所以需要告诉编辑器所写的东西是在哪个源里面：

在下图的download manager里面找到react和react-native下载安装，然后返回到上图的窗口，按照上图第五部分勾选刚才下载的两个library即可。

到此，错误信息就没有了，我们可以安心的写代码了：

npm基本配置
你们我们想直接在IDE中直接运行项目，就像Android或者ios可以直接点击图形化界面运行，可以吗？这就需要设置一下npm。

或者我们直接项目上右键打开项目的设置环境 参考技术A 右击你的项目文件夹

解决win10启动webStorm或者大型应用很慢的问题

参考技术A 在开机后，第一次启动webstorm会很慢，问题体现为点击启动图标后一段时间没响应，然后才出现启动窗口。
我查看了一下任务管理器，发现在启动webstorm时有个 “Antimalware Service Executable”进程会突然占用很多CPU和磁盘，上网查了一下发现这个进程是 win10 的 Windows Defender（安全中心）的实时保护，于是将其关闭，但是这样安全中心就会有个红色X，这能忍？于是找到了排除项。

只要把WebStorm安装目录添加到排除项就好了，这样在启动时就不会扫描它了，会发现速度得到了巨大的提升。几乎是秒启动。

这里说下怎么添加排除项。

第一步，点击右下角的安全中心图标

第二步，点击病毒和威胁防护

第三步，点击管理设置

第四步，点击添加或删除排除项

第五步，添加你的webStorm安装目录(文件夹)到排除项

我这里直接把应用的安装根目录 Program Files 添加了进去。这样其他的PS 游戏，QQ这些应用都不会被扫描，就会很快。