WebStorm打造最强React Native IDE

最新推荐文章于 2018-09-13 15:48:08 发布
原创 最新推荐文章于 2018-09-13 15:48:08 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#开发工具

本文介绍如何使用WebStorm下载并激活，同时分享了免费注册码的获取方式。重点介绍了如何通过livetemplate设置ReactNative代码智能提醒，包括组件名称、Api名称及所有StyleSheets属性等。

下载WebStorm

官网下载WebStorm

注册码激活

免费注册码获取地址
非常感谢这个注册码的作者，有钱的请给奉献激活码的作者捐赠一下，更有钱的土豪请购买官方的注册码

live template设置React Native代码智能提醒

详细操作见江总的文章：WebStorm开发工具设置React Native代码智能提醒

ReactNative的代码模板,包括:

  • 组件名称
  • Api 名称
  • 所有StyleSheets属性
  • 调用ReactNative组件时, 首先 按下 command + J , 然后输入属性名的 首字母 如输入onP 自动提示 onPress, onPressIn, onPressOut, ….
React Native —— webstorm搭建React Native开发环境
且听风吟的博客
04-25 767
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 安装包：
React Native 开发环境搭建（全平台详解）
最新发布
zimin的专栏
06-09 1866
在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS 的模拟器或真机上运行应用，以及 Expo CLI 和 React Native CLI 的详细对比。此外，我们还将总结常见错误及其解决方案，帮助你顺利完成环境搭建。本文的目标是让无论是初学者还是有经验的开发者都能轻松上手 React Native 开发。
webstorm中react-native插件
08-29
windows使用方法：file -> import settings -> ReactNative.jar
WebStorm 集成 ReactNative 插件
01-13
WebStorm 集成 ReactNative 插件,reactnative 代码提示 ReactNative的代码模板,包括: 1. 组件名称 2. Api 名称 3. 所有StyleSheets属性 4. 组件属性 [2015-12-25]新增
WebStorm 运行Rect Native 项目
weixin_30577801的博客
03-03 308
今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了. 1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations.... 2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图. 3.在右边的配置框中,先选择Command为help.接着点击下方的+号.再点击Run Extern...
WebStorm 配置 React Native
HerSpoon的博客
05-24 2711
WebStorm简介:1、WebStorm 是需要付费使用的，只有 30 天的试用期。2、WebStorm 的界面与Android Studio 相似。1、设置.js文件中支持react-native语法高亮React Native 是基于 React 的，而 React 使用的是 JSX 语法，使用 WebStorm 开发 React Native 之前，先需要设置支持的 Javascript ...
精选资源
ReactNative-LiveTemplate-Webstorm.zip
05-25
"ReactNative-LiveTemplate-Webstorm.zip"这个压缩包文件是为WebStorm定制的React Native开发环境配置，包含了特定的代码模板和设置，旨在提升React Native开发者在WebStorm中的编码效率。 在解压这个文件后，用户...
WebStorm配置React Native语法高亮教程
标题和描述中提到的“ReactNative-LiveTemplate-Webstorm.zip”和“WebStorm上React Native语法配置文件”指向的知识点与WebStorm集成开发环境（IDE）的配置以及React Native相关的代码片段模板设置有关。...
WebStorm中ReactNative插件的增强与新特性
在给定的信息中提到的“ReactNative-LiveTemplate_jar”是一个压缩包子文件的名称，它可能包含了React Native的Live Template配置文件。Live Template是WebStorm中一个强大的功能，它允许开发者创建常用的代码片段...
WebStorm中React Native快捷设置的快速指南
ReactNative.xml是WebStorm的快捷键配置文件，用户可以按照自己的喜好和习惯修改快捷键设置。需要注意的是，修改快捷键配置之前，建议备份原有的ReactNative.xml文件，以防需要恢复默认设置。 在快捷键配置文件中，...
webStorm编辑器ReactNative配置-附件资源
03-02
webStorm编辑器ReactNative配置-附件资源
ReactNative环境的配置和webstorm的使用
03-21
ReactNative环境的配置（包括windows版本和ios版本）和webstorm的使用
React Native的WebStorm基本设置
紫竺的博客
09-21 1042
初学React Native,开发工具的一些设置：http://blog.youkuaiyun.com/xiangzhihong8/article/details/52293896
React Native开发一 webstorm搭建React Native开发环境
热门推荐
带你装逼带你飞的专栏
12-16 2万+
1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +
工欲善其事，必先利其器——React Native的 IDE
小明的博客
04-11 1万+
之前的文章中，我们已经对于在OS X系统上对React Native 的环境搭建，以及第一个实例做了讲解。所谓工欲善其事，必先利其器，对于开发者来说，选择一款比较好的IDE也是一件很重要的事情。这篇文章就来比较和推荐以下几款工具：Sublime、WebStorm、Nuclide。 NuclideNuclide是Facebook专门为React开发的IDE，因此，Nuclide拥有很好的语法补全、类型
使用最新WebStorm开发及调试React Native项目
码农甲乙丙
09-13 7078
React Native允许您使用JavaScript和React为iOS和Android开发原生移动应用程序。它是由Facebook创建的，用于Instagram，Airbnb和现在的JetBrains自己的 YouTrack移动应用程序（顺便说一下，它是开源的）等知名应用程序。 使用WebStorm，您现在可以使用React Native开发移动应用程序，从而获得We...
WebStorm 创建 React Native
圣人男的博客
03-21 380
一、打开 WebStorm点击create这时候 会自动下载依赖的包下载完成后二、运行 项目三、运行后 1.iOS 项目用 Xcode打卡2.安卓项目用Android Studio 打开运行即可
WebStorm调试React Native项目
牛八少爷的专栏
08-24 1668
目录 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...
react native 之 webstorm开发（windows）
蒙的博客
11-16 2262
前言：作为Android开发的老司机，前端时间我在windows上面把reactnative项目做了一个流程的研究，同时也把相关的博客给贴了出去。今天考虑到reactnative的js的书写需要开发工具，就看了一下网上的各种资料，最后选了webstorm作为自己开发reactnative的工具来走了一下reactnative项目js的书写流程。 我选择webstorm的原因主要是它和Androi
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值