webStorm配置React native运行环境(mac)

前言

最近应公司CTO要求学习React Native,着手开始学习React Native.目前使用的IDE是sublime 3和webStorm.两者各有优缺点.本人选择使用webStorm进行开发.正所谓'工欲善其事必先利其器',记录一下自己配置React Native(mac系统下)的过程,备以后查阅.

环境配置

下载&安装

官方下载webStorm for mac开发工具，然后直接安装即可.接着到这里复制注册码,注册完成即可破解.

基础设置

command + ,打开偏好设置,设置以下选项.

1. editor--Emmet--JSX--EnableJSX

   
   
   

   配置JSX

2. language&framework--JavaScript--JavaScript language version--React JSX(这里我觉得选择flow也可以).

   
   
   

   配置JavaScript language

3. 插件下载.language&framework--JavaScript--Libraries--download--直接搜索插件下载.

   
   
   

   配置插件
4. 自动补全插件将ReactNative.xml复制到 ~/Library/Preferences/WebStorm2017.1/templates并重启 WebStorm.

运行配置

因为本人之前是iOS开发,故仅仅记录运行iOS项目的配置.

1. 菜单栏run--Edit configurations

   
   
   

2. 点击+号,选择npm.

   
   
   

3. 编辑命令名称(取一个简单易懂的名字),command选项选择help.

   
   
   
4. 点击+号,添加一个External tool,点击编辑按钮进行编辑.终端运行which react-native查看react native安装路径,tool setting中填写路径+react-native.parameters填写run-ios，安卓填写run-android.可以使用run-ios --simulator="模拟器名称"来选择默认打开项目的模拟器,例如:run-ios --simulator="iPhone 6s".
   
   
   
   
   
   
   
   
5. 最后点击ok保存配置.以后使用的时候直接点击菜单栏run选项或者右上角绿色三角按钮或者直接使用快捷键control+r运行项目就可以了.
   
   

结语

至此,webStorm的相关配置就结束了,网络上还是有很多相关教程的.
惟愿每天学习一点点,每天进步一点点.仅此而已.