在webstom里面配置运行RN的方案

最新推荐文章于 2022-06-28 22:06:12 发布
最新推荐文章于 2022-06-28 22:06:12 发布
阅读量4.6k 收藏
点赞数
分类专栏： html

ReactNative_webstrom

webstorm编译环境的配置

注:webstorm版本要求是11.0.3，支持npm配置。

1.创建编译命令


2.点击右上角的“＋” 号添加npm编译命令,并且把Command改为help，因为我们不需要它，但是又不想受到干扰，所以选择help。



3.创建External tool



4.配置React-native run-ios/run-android

a.通过命令终端找到React-native命令所在


b.项目所在路径的变量



c.完整的设置




d.点击横三角，Run

yang1994
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VSCode使用Gradle进行JavaWeb开发的一些配置
Easul
07-22 2517
Gradle进行Java构建 引入插件 apply plugin: 'java' 目录结构 project +build +src/main/java +src/main/resources +src/test/java +src/test/resources +src/main/webapp/WEB-INF/web.xml 执行 gradle clean build Gradle在src/main/java搜寻打包源码，src/
在webstorm中配置less的方法详解
10-14
主要介绍了在webstorm中配置less的方法，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
通过Webstorm导入Github中RN项目
我的博客
10-02 3637
前篇介绍了通过WebStorm创建RN项目，这篇介绍通过WebStorm导入Github中的RN项目 1.准备工作    1.1. 下载Git，并在Setting->Version control ->Git中关联         1.2. 关联Github账户 2.导入Github中RN项目     2.1.在Github中搜索 React native demo，如下  
Windows 下用 WebStorm 运行RN ReactNative配置
羽吉公
10-09 279
参考:https://blog.csdn.net/liuwei187/article/details/78018616?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.cha.
前端开发环境配置WebStorm环境配置【git+yarn】
06-28 6723
新建空项目，git拉取代码，配置yarn包管理器，初始化依赖，启动！
WebStorm运行RN项目启动安卓模拟器报错Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
默然相爱鱼鱼鱼的博客
03-29 819
这个错误搞了一天，一开始以为是项目目录下\android\build.gradle中的版本号的问题，特意去看对比版本。发现跟gradle版本没有关系。 具体是因为，MAC下首先安装XCode。Android Studio 和 WebStorm 3款软件，然后根据RN官网安装Node，NPM等命令行需要安装的插件， 在XCode项目可能会应为cocopods墙的问题podinstall很慢，建议开启科学上网即可解决443问题 或者MAC下WebStorm调试RN项目pod install报错。 然.
webstorm中配置nodejs环境及npm的实例
10-18
今天小编就为大家分享一篇webstorm中配置nodejs环境及npm的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
webstorm中配置Eslint的两种方式及差异比较详解
10-17
主要介绍了webstorm中配置Eslint的两种方式及差异比较详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webstorm settings 配置
11-16
webstorm settings 配置已配好。黑色主题风格；适用于web前端程序员code style风格，vue，js，html，css，node 的代码使用配置；模板等；
WebStorm 运行Rect Native 项目
weixin_30577801的博客
03-03 255
今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了. 1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations.... 2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图. 3.在右边的配置框中,先选择Command为help.接着点击下方的+号.再点击Run Extern...
ReactNative环境的配置和webstorm的使用
03-21
ReactNative环境的配置（包括windows版本和ios版本）和webstorm的使用
在WebStorm上运行react native的简易方式(真机或虚拟机)
海上的雨
05-01 3328
WebStorm上运行react native
WebStorm运行React Native项目
小小T的专栏
09-26 3656
WebStorm是一款前端开发工具，也可以用于React Native项目 下载安装WebStorm WebStorm下载地址 安装完不要运行webstrom 下载破解补丁 打开网址（IntelliJ IDEA 注册码），下载补丁 然后将补丁复制到安装目录的bin目录下，例如：D:\Program Files\JetBrains\WebStorm 2018.2.3\bin 修...
WebStorm的配置和运行项目
热门推荐
小唯的博客
09-18 5万+
最近在学习react-native，所以决定使用WebStorm，以此文章来对WebStorm的下载，破解，配置和项目运行进行记录。
React Native开发之——Webstorm开发RN配置
我的博客
03-02 9690
前言前文React Native开发之——Webstorm快捷开发介绍了使用Webstorm快捷开发React Native，本文介绍Webstorm开发RN配置。Webstorm开发RN配置配置文件编码格式注：为避免莫名其妙的问题，本文所使用的编码格式统一设置为”UTF-8”，如图所示Setting->Editor->File Encodings有三处修改，统一改为”UTF-8”。设...
ReactNative入门-用webstorm调试
郝捷的专栏
01-12 5469
目的之前一直用chrome调试，一个是不习惯前端调试方法，毕竟是android 出身嘛还是习惯IDE调试，还有就是源码位置总要滑到底才能找到，很麻烦。突然发现ReactNative也能用IDE调试真是喜出望外啊，将配置和调试方法记录一下。IDE设置首先配置项，点击Edit Configurations然后配置react native启动项 其中有几点说明一下
[React Native]去掉WebStorm中黄色警告
weixin_34228662的博客
09-13 1062
用WebStorm开发RN难免会碰到一大堆黄色警告。就像下面这样。 其实这个错误并不会影响开发，但是作为一个上升处女座的，我很难忍。于是各种想办法。 上网查了半天发现这篇文章 http://blog.csdn.net/gz_jero/article/details/51503374 按照上面的这篇文章做，然后发现作用不是很大，只能...
webstorm 设置tslint_如何在WebStorm中配置ESLint
最新发布
06-08
您可以在.eslintrc文件中定义选项，或在WebStorm中配置它们。单击“Configure”按钮，然后选择您想要配置的选项。 8. 单击“Apply”和“OK”，保存更改。 现在您的WebStorm项目已配置为使用ESLint进行代码检查。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值