WebStorm 创建 React Native

最新推荐文章于 2025-02-14 14:16:27 发布
原创 最新推荐文章于 2025-02-14 14:16:27 发布 · 363 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#React Native #WebStorm

本文档详细介绍了如何使用WebStorm创建项目并自动下载依赖包。随后指导如何运行项目，并分别针对iOS和安卓项目提供了具体的开发环境配置及运行说明。

一、打开 WebStorm


点击create

这时候 会自动下载依赖的包

下载完成后


二、运行 项目

三、运行后

1.iOS 项目用 Xcode打卡

2.安卓项目用Android Studio 打开运行即可

React Native —— webstorm搭建React Native开发环境
且听风吟的博客
04-25 739
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 安装包：
WebStorm运行React Native项目
小小T的专栏
09-26 3830
WebStorm是一款前端开发工具，也可以用于React Native项目 下载安装WebStorm WebStorm下载地址 安装完不要运行webstrom 下载破解补丁 打开网址（IntelliJ IDEA 注册码），下载补丁 然后将补丁复制到安装目录的bin目录下，例如：D:\Program Files\JetBrains\WebStorm 2018.2.3\bin 修...
webstorm中react-native插件
08-29
windows使用方法：file -> import settings -> ReactNative.jar
WebStorm 运行Rect Native 项目
weixin_30577801的博客
03-03 299
今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了. 1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations.... 2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图. 3.在右边的配置框中,先选择Command为help.接着点击下方的+号.再点击Run Extern...
React Native开发一 webstorm搭建React Native开发环境
热门推荐
带你装逼带你飞的专栏
12-16 2万+
1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +
通过WebStorm新建一个React Native项目
我的博客
10-02 2496
RN项目的开发使用WebStorm开发工具，点击此处去下载 1.点击File->New  Project ->React App 2.New Project 下有三个选项说明如下：   2.1 Location：项目的保存位置和项目名称，本实例的项目名称为RNDemo   2.2  Node Interpreter：node解释器，输入Node安装目录中的Node.ext   2
WebStorm里配置运行React Native
sinat_36279113的博客
09-06 474
1.点击WebStorm右上方的下拉箭头弹出的Edit Configurations.... 2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图. 3.在右边的配置框中,先选择Command为help.接着点击下方的+号.再点击Run External tool. 4.在弹出框中选择+号. 在弹出的配置框中,填写相应信息. Name为该按...
WebStorm 集成 ReactNative 插件
01-13
WebStorm 集成 ReactNative 插件,reactnative 代码提示 ReactNative的代码模板,包括: 1. 组件名称 2. Api 名称 3. 所有StyleSheets属性 4. 组件属性 [2015-12-25]新增
使用WebStorm 开发React Native Android APP的配置
摸鱼者
12-28 4876
使用WebStorm 开发React Native Android APP的配置本教程可以帮助你对WebStorm 进行配置,适用于开发React Native app 1:安装 2:环境配置 3:安装插件 4:Enjoy it 安装1:安装nodejs 与NPM 从以下链接下载Nodejs 并安装 https://nodejs.org/en/2:安装WebStorm 从以下链接下载WebS
使用WebStorm创建/运行/调试React Native项目
chq497130800的专栏
08-17 2148
说在前面 使用的WebStorm版本是2017.1.1.   一. 创建React Native项目  1.File->New->Project    2.在New Project窗口中选择react Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create  随
WebStorm 配置 React Native
HerSpoon的博客
05-24 2690
WebStorm简介:1、WebStorm 是需要付费使用的，只有 30 天的试用期。2、WebStorm 的界面与Android Studio 相似。1、设置.js文件中支持react-native语法高亮React Native 是基于 React 的，而 React 使用的是 JSX 语法，使用 WebStorm 开发 React Native 之前，先需要设置支持的 Javascript ...
WebStorm调试React Native项目
牛八少爷的专栏
08-24 1544
目录 1.Chrome安装插件JetBrains IDE Support 2. React Native的js不能直接调试 3. 创建React Native配置 3.1 打开Configurations 3.2 添加React Native配置 3.3 配置React Native 3.4 开始调试React Native 1.Chrome安装插件JetBrains IDE Su...
WebStorm打造最强React Native IDE
afunyusong的专栏
02-23 2110
React Native WebStorm
Windows 下用 WebStorm 运行RN ReactNative配置
羽吉公
10-09 397
参考:https://blog.youkuaiyun.com/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里面配置运行React Native的方案
bobby_fu的博客
12-05 646
以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余. 今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了. 1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations… 2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图. 3.在右...
React Native开发之——Webstorm开发RN配置
我的博客
03-02 9867
前言前文React Native开发之——Webstorm快捷开发介绍了使用Webstorm快捷开发React Native，本文介绍Webstorm开发RN配置。Webstorm开发RN配置配置文件编码格式注：为避免莫名其妙的问题，本文所使用的编码格式统一设置为”UTF-8”，如图所示Setting->Editor->File Encodings有三处修改，统一改为”UTF-8”。设...
使用最新WebStorm开发及调试React Native项目
码农甲乙丙
09-13 7040
React Native允许您使用JavaScript和React为iOS和Android开发原生移动应用程序。它是由Facebook创建的，用于Instagram，Airbnb和现在的JetBrains自己的 YouTrack移动应用程序（顺便说一下，它是开源的）等知名应用程序。 使用WebStorm，您现在可以使用React Native开发移动应用程序，从而获得We...
WebStorm中 React Native iOS端环境搭建
最新发布
DavidBayern的博客
02-14 242
这时候如果点击运行会出现Did you run "pod install" in iOS directory?，需要在terminal中，在～路径下，执行brew install cocoapods。这需要切换到terminal，然后cd ios，来到iOS文件夹下，（第一次下载需要开vpn+用热点下载）点Add configuration，点左上角加号，，给编译环境取名字、选iOS后，点apply、ok。
WebStorm配置React Native语法高亮教程
标题和描述中提到的“ReactNative-LiveTemplate-Webstorm.zip”和“WebStorm上React Native语法配置文件”指向的知识点与WebStorm集成开发环境（IDE）的配置以及React Native相关的代码片段模板设置有关。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值