Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

React Native从零开始(一)React Native编辑器配置(webstorm)

$
0
0

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 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>