前言
最近应公司CTO要求学习React Native,着手开始学习React Native.目前使用的IDE是sublime 3和webStorm.两者各有优缺点.本人选择使用webStorm进行开发.正所谓'工欲善其事必先利其器',记录一下自己配置React Native(mac系统下)的过程,备以后查阅.
环境配置
下载&安装
官方下载webStorm for mac开发工具，然后直接安装即可.接着到这里复制注册码,注册完成即可破解.
基础设置
command + ,打开偏好设置,设置以下选项.
-
editor--Emmet--JSX--EnableJSX
配置JSX -
language&framework--JavaScript--JavaScript language version--React JSX(这里我觉得选择flow也可以).
配置JavaScript language -
插件下载.language&framework--JavaScript--Libraries--download--直接搜索插件下载.
配置插件 - 自动补全插件将ReactNative.xml复制到 ~/Library/Preferences/WebStorm2017.1/templates并重启 WebStorm.
运行配置
因为本人之前是iOS开发,故仅仅记录运行iOS项目的配置.
-
菜单栏run--Edit configurations
-
点击+号,选择npm.
-
编辑命令名称(取一个简单易懂的名字),command选项选择help.
- 点击+号,添加一个External tool,点击编辑按钮进行编辑.终端运行
which react-native查看react native安装路径,tool setting中填写路径+react-native.parameters填写run-ios，安卓填写run-android.可以使用run-ios --simulator="模拟器名称"来选择默认打开项目的模拟器,例如:run-ios --simulator="iPhone 6s".
- 最后点击ok保存配置.以后使用的时候直接点击菜单栏run选项或者右上角绿色三角按钮或者直接使用快捷键
control+r运行项目就可以了.
结语
至此,webStorm的相关配置就结束了,网络上还是有很多相关教程的.
惟愿每天学习一点点,每天进步一点点.仅此而已.
