React Native从零开始(一)React Native编辑器配置(webstorm)
因为之前和现在都是在做Android开发的,网页什么的接触的也不多,所以对于编辑器的选择的话,我还是倾向于Webstorm。因为他的快捷键和使用方式跟Android Studio差不多,所以对于这种用习惯了Android Studio的人来说Webstorm还是很好的。
一、下载Webstorm
https://www.jetbrains.com/webstorm/
二、跟Android Studio一样直接打开就好,不过我们用Android Studio的话打开的是你RN项目中的android文件夹,而对于Webstorm来说我们直接打开这个文件夹就可以来运行项目了,但是有一个问题是你使用webstorm的话无法直接运行,所以接下来将告诉大家如何配置来直接像Android Studio一样能够点击按钮就能运行。
三、运行配置
1.在最上面找到Run菜单选择当中的Edit Configurations...
2.点击加号并选择npm
3.对右侧栏进行设置,Command选择help属性,并点击加号选择Run External Tool
4.在弹出框中点击加号
5.弹出框设置
Name随便起,就是你这个按钮的名字
Program为react Native的路径,如果找不到的话在C盘查找一下就行
Parameters填 run-android
working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.
6.这个时候右上角就会出现运行按钮
7.这个时候控制台就会有数据输出并且在你的设备上运行了
8.如果要运行不同的设备中就需要在Terminal中进行命令行的输入
例:react-native run-android --simulator "SuperLw"
作者:SuperBigLw 发表于2017/1/5 9:16:31 原文链接
阅读:55 评论:0 查看评论