使用WebStorm创建/运行/调试React Native项目

最新推荐文章于 2024-04-30 09:30:54 发布
最新推荐文章于 2024-04-30 09:30:54 发布
阅读量2.3w 收藏 2
点赞数 1
分类专栏： React Native 文章标签： WebStorm react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houtrry/article/details/70740516
版权 
 说在前面
      使用的WebStorm版本是2017.1.1.

这里写图片描述
一. 创建React Native项目
1.File->New->Project
这里写图片描述
2.在New Project窗口中选择React Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create
这里写图片描述
随后项目就会被创建, 如下:

最低0.47元/天 解锁文章
houtrry
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
webstorm中react-native插件
08-29
windows使用方法：file -> import settings -> ReactNative.jar
React Native超简单完整示例－tabs、页面导航、热更新、用户行为分析
weixin_33026067的博客
02-21 1000
初学React Native，如果没有人指引，会发现好多东西无从下手，但当有人指引后，会发现其实很简单。这也是本人写这篇博客的主要原因，希望能帮到初学者。 本文不会介绍如何搭建开发环境，如果你还没有搭建，可参考这里的官方文档：https://react-native.org/doc/getting-started.html。 本文也不会介绍各种组件，太多了，可参考这里的官方文档：htt...
WebStorm导入React Native项目
牛八少爷的专栏
08-24 5264
1. File -> Open ->导入项目； 2. 导入项目显示Node.js，不能直接运行 直接运行index.js会出现错误,参考： WebStorm导入项目配置错误：(function (exports, require, module, __filename, __dirname) { import { AppRegistry } from 'react-native...
React 之 如何启动一个新的项目（六）
最新发布
qq_35876316的博客
04-30 839
React本身是为构建SPA（单页面应用）而设计的。
React Native —— webstorm搭建React Native开发环境
且听风吟的博客
04-25 600
1、下载安装node.js 安装之前检查是否已有node.js环境： cmd 命令下输入node -v, 出现版本号，说明已经成功安装了node.js环境 ，如下图所示： 2、安装 react native 脚手架工具 如果之前全局安装过旧的react-native-cli命令行工具，先使用npm uninstall -g react-native-cli 命令卸载掉，再进行全局安装它，以避免产生一些冲突问题。 安装成功后会有提示 验证： 3、安装 Webstorm 官网下载 Webstorm 安装包：
RN 项目导入WebStorm 组件没有依赖
weixin_30840573的博客
09-02 2353
你需要在项目根目录 $npm instal 恭喜你完成 但是依然报错 npm config set registry="registry.npmjs.org" 重新配置了一下注册文件 Once again 但是 还是不行原因可能 被墙了修改 终端 $ npm config set registry https://registry.npm.ta...
通过Webstorm导入Github中RN项目
我的博客
10-02 3646
前篇介绍了通过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，如下  
React Native开发一 webstorm搭建React Native开发环境
热门推荐
带你装逼带你飞的专栏
12-16 2万+
1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +
ReactNative-LiveTemplate-Webstorm.zip
05-25
WebStorm上React Native语法配置文件。
WebStorm 集成 ReactNative 插件
01-13
WebStorm 集成 ReactNative 插件,reactnative 代码提示 ReactNative的代码模板,包括: 1. 组件名称 2. Api 名称 3. 所有StyleSheets属性 4. 组件属性 [2015-12-25]新增
webStorm编辑器ReactNative配置-附件资源
03-05
webStorm编辑器ReactNative配置-附件资源
learning-react-native：React Native学习笔记本
02-05
[使用WebStorm调试React Native] [故事书] [reactotron] 节点相关 最佳拍档 原生集成 模拟与测试 [easy-mock介绍] [React Native自动化测试之排毒] 原生开发 [Maven知识点] 崩溃与埋点 [React本地织物] [React...
React Native 搭建开发环境和创建新项目并运行的详细教程
afufufufu的博客
08-16 4206
React Native 搭建开发环境详细教程
react-native 搭建环境及运行项目
m0_61672533的博客
03-11 1124
react-native 搭建环境及运行项目
React Native开发/运行环境搭建
Y974066017的博客
03-23 4144
一、React Native概述 React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。 相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。 原理：RN应用中的JS代码，在开发运行阶段会被编译为原生的Java或OC代码 RN英文官网：h...
React Native项目运行流程
牛八少爷的专栏
08-26 1369
目录 1.创建新项目 2. 运行流程 3. 流程图 1.创建新项目 ## RNApp 项目名称 react-native init RNApp --version 0.55.4 参考：创建指定版本的react-native项目 2. 运行流程 1. run-android运行 react-native run-android run-android运行后从项目目录的node...
android studio虚拟机运行react-native项目全流程（避坑笔记）
在下月亮有何贵干
01-31 1万+
年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全程下来，应该会少很多问题。
超详细React Native环境搭建以及运行项目（Windows环境）
Crayon。博客
08-28 4634
超详细React Native环境搭建以及运行项目（Windows环境） 本文章以本人使用的 0.59 RN版本为例，其他的版本大同小异，具体可前往RN官网参考对应的教程 https://reactnative.cn/versions 一、配置基本的开发环境 Node, Python2, JDK Node 的版本必须大于等于 10 (RN 0.59 版本建议10.x, 之前我装最新版12.x, 因版本过高导致项目跑不起来, RN 0.61 以上才要求 Node 版本 12.x) Python 的版本必
webstorm创建react项目
09-13
在WebStorm中创建React项目，可以按照以下步骤进行操作： 1. 打开WebStorm，并点击主界面的 "Create New Project" 或者 "New Project" 按钮。 2. 在弹出的对话框中，选择左侧的 "React" 并点击 "Next"。 3. 在下...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值