WebStorm里面配置运行React Native的方案

摘要:
在过去,开发反应式项目时,总是需要打开WebStorm来编写代码。Xcode运行项目,这有点多余。今天,我们将教您如何直接使用WebStorm IDE来完成编码+运行项目工作。这样,您就无法打开Xcode。1.首先,单击WebStorm右上角的下拉箭头,弹出编辑配置2。然后进入配置页面。单击左上角的+。在弹出列表中选择npm,如图3所示。在右侧的配置框中

以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余.

今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了.

1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations....

WebStorm里面配置运行React Native的方案第1张

2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图.

WebStorm里面配置运行React Native的方案第2张

3.在右边的配置框中,先选择Command为help.接着点击下方的+号.再点击Run External tool.

WebStorm里面配置运行React Native的方案第3张

4.在弹出框中选择+号.

WebStorm里面配置运行React Native的方案第4张

5.在弹出的配置框中,填写相应信息.

     Name为该按钮的名字

    Program为react Native的路径,终端命令:which react-native  一般都是   /usr/local/bin/react-native

    Parameters填 run-ios

    working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.

.WebStorm里面配置运行React Native的方案第5张

WebStorm里面配置运行React Native的方案第6张

5.点击OK.接下来点击Apply回到主界面.可以看见右上方的按钮.点击即可运行项目了.

WebStorm里面配置运行React Native的方案第7张

WebStorm里面配置运行React Native的方案第8张

 WebStorm里面配置运行React Native的方案第9张

有时,需要更换不同的机型看看运行效果,这时,需要先切换至Terminal.然后敲入相应命令:

如:

react-native run-ios --simulator "iPhone 5"

WebStorm里面配置运行React Native的方案第10张

上面这个方法太过时,并且Android使用不了.下面这种方法最为简单.且iOS和Android均可以.

WebStorm里面配置运行React Native的方案第11张

免责声明:文章转载自《WebStorm里面配置运行React Native的方案》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇RobotFramework下的http接口自动化Get Response header 关键字的使用对LVDS的浅显理解下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Webstorm快捷键

Webstorm快捷键 1、查找/替换,分为全局查找和文件内查找。 全局查找/替换: Ctrl+Shift+N 根据键入文件名查找文件 Ctrl+Shift+Alt+N 根据键入名字查找对象 Ctrl+E 最近打开的文件 Ctrl+Shift+E 最近编辑的文件 查找/替换 匹配字符所有的位置 组合键 Ctrl+Shift+F 打开查找窗口,键入需要查找的...

WebStorm常用快捷键总结

在使用WebStorm的过程中,常用快捷键整理: 1. 必备快捷键 Ctrl+/:注释当前行 Ctrl+Shift+/:当前位置插入注释 Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的 Ctrl+Shift+A:选择当前标签前后,修改标签用的 F11:全屏 Shift+F11:全屏免打扰模式,只编辑当前文件 Alt+F3:选择所有相同...

解决webstorm卡顿问题

webstorm强大的功能就不多做介绍了。但是它的缺点也显而易见:吃内存。 电脑配置稍低一点,运行webstorm就特别容易卡顿,特别是项目比较大的时候,那卡顿得不要不要的。 在我的笔记本8g内存 256ssd的配置下,运行webstorm还是会稍微有点卡。 不过可以通过设置 内存值大小来解决。 具体办法: 找到WebStorm.exe.vmoptions...

webstorm激活方法

以前都是用的sublime,现在的公司用webstorm然后自己下载软件试用期到了,在网上找到了激活方式如下: 1.当我们打开webstorm软件后,左键点击上面一行菜单栏中的help即”帮助“选项。 2.点击之后,会有列表弹出,我们选择倒数第三个“register”(注册)选项, 3.软件出现一个弹出框,提示我们免费体验的剩余天数,并有三种激活方法,购买...

Mac Webstorm 快捷键

1. Command+alt+T   用(if..else, try..catch, for, etc.)包住 2. Command+/    注释/取消注释的行注释 3. Command+alt+/   注释/取消注释与块注释 4. Command+alt+L   格式化代码 5. tab, shift+tab    调整缩进 6. Command+de...

WebStorm好用的插件推荐

随着时间的推移,编写JavaScript代码很多有用的插件都集成了WebStorm中,在WebStorm中即使不装任何插件,都能很舒服的进行开发网页应用、Node应用。 插件对于WebStorm并不是特别的重要,但是某些插件实在是比较好用,所以本篇文章就整理一下比较好用的插件。 1. 实用插件 1.1CodeGlance 在右侧生成一个代码缩略图,用过v...