1.下载webstorm
我自己下载的是破解版的2018 款的webstorm，如果你想下载可以去这里百度网盘下载地址 提取码: j6im
软件下载完成之后，安装需要密码：xclient.info
破解方法：https://blog.csdn.net/xiongyouqiang/article/details/80771193?utm_source=blogxgwz9
我用的第二种方法破解的
2.安装react-native库
打开Preference->languages&Frameworks->Libraries->Download
image.png
安装react-native 和 react,然后Apply ,ok
3.设置支持JSX语法
image.png
默认是Flow,已经支持了ES6下JSX,如果你选择 React JSX的话，会报javascript 版本不支持，建议保持不变。
4.配置运行文件
点击Edit Configurations,点击+号，选择npm
image.png
第5步，选择Run Externnal tool,进入下个页面
image.png
Name:随便填
Program: 填写react-native 的存在路径，一般情况下是固定的：/usr/local/bin/react-native，可以使用命令行查看自己下载的位置：which react-native
Arguments: 命令行参数 react-native 命令后拼接的参数 ：运行iOS 填 run-ios，运行Android，填 run-android
Working directory: 要运行的项目路径，选择insert macro,找到ProjectFileDir
image.png
都选择完成后保存，然后跑起来啊🏃
image.png
5.运行不起来
哈哈哈，有没有运行不来的，看这里看这里
报错： unable to find utility "instruments", not a developer tool or in PATH error Command failed: xcrun ......
意思呢，就是找不到你的xcode
解决方式：命令行查找xcode
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/
需要输入密码，执行完后，重新运行项目
如果还是报这个错误，看看你是否安装多个Xcode,或者Xcode重新命名了，修改命令行，把Xcode.app改成你的Xcode的名字
6.安装智能提示插件
如果你使用的webstorm 版本是2018版一下的来进行RN项目开发，最好安装智能提示插件，如果是2018版以上的倒是不需要了，内部已经有智能提示了。
命令行操作:
1). cd Users/ye/Desktop
2). git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
3). cd ~/Library/Preferences
4). ls 回车（列出Preferences 下的内容找出你的webStorm 应用名称）
5). open webStorm2017.1 (wenstrom 名称一定要对)
image.png
6). 找到templates文件，把刚刚下载的ReactNative.xml复制进去，重启webstrom 即可
image.png
网友评论