WebStrom配置React-Native开发环境

最新推荐文章于 2024-05-30 10:02:00 发布
最新推荐文章于 2024-05-30 10:02:00 发布
阅读量1k 收藏 2
点赞数 1
分类专栏： react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/libinbin147256369/article/details/96978498
版权

                   WebStrom配置React-Native开发环境

1.配置语法

打开file->settings->Languages&Frameworks->JavaScript->React JSX

2.下载react和react-native库

打开settings->Languages&Frameworks->JavaScript->Libraries

点击download，在列表中找到react和react-native，然后点击download and install

3.配置智能代码提示

ReactNative-LiveTemplate

下载然后解压，得到

找到你的用户目录下WebStrom的配置目录，如：D:\Users\ * your account * .WebStorm2018.1\config\templates

如果没有templates,自己创建一个

把解压之后得到的ReactNative.xml放在templates目录中，最后重启WebStorm就可以啦

4.设置快捷键，alt+/代码提示

把Basic的按键改为自己常用的，这里用的是Alt+/

 

libinbin147256369
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ReactNative环境的配置和webstorm的使用
03-21
ReactNative环境的配置（包括windows版本和ios版本）和webstorm的使用
配置React Native的开发环境
08-09 7210
本文转载自：http://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402020148&idx=2&sn=ccad14a9197c8dbc4700c40bb907e56c&scene=1&srcid=0808BT91kp5iX5xNRV0WuWrQ#rd一、环境需求 1.1 安装Homebrew Homebrew是OS X的套件(
推荐：React Native IDE - 前沿的跨平台开发利器
最新发布
gitblog_00072的博客
05-30 251
推荐：React Native IDE - 前沿的跨平台开发利器 项目地址:https://gitcode.com/software-mansion/react-native-ide ???? 项目介绍 欢迎体验React Native IDE的Beta版本！这不仅是一个正在逐步完善的项目，更是一个与社区共创未来的机会。我们邀请您一同参与，共同提升这个工具的性能和兼容性。 ???? 谁应该使用它 React ...
React Native入门——环境配置及Hello World
可爱的程序猿
01-06 1万+
最近React Native很火，这篇文章主要介绍如何快速创建一个RN应用，包含一些以后会用到的环境配置，适合希望初步了解React Native的读者，欢迎各位提出建议和问题！
WebStorm里面配置运行React Native的方案
bobby_fu的博客
12-05 514
以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余. 今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了. 1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations… 2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图. 3.在右...
webstorm中react-native插件
08-29
windows使用方法：file -> import settings -> ReactNative.jar
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-image-to-pdf 手动安装的iOS 在XCode的项目导航器中，右键单击“ ...
react-native-qrcode-svg：基于react-native-svg和node-qrcode的React Native QR码生成器
02-05
讨论： ： 产品特点轻松渲染QR码图像（可选）嵌入徽标安卓的iOS安装安装依赖包yarn add react-native-svg react-native-qrcode-svg 要么npm i -S react-native-svg react-native-qrcode-svg 如果您使用的是React ...
react-native-iap：应用内购买的react-native本机模块
02-03
最近， react-native-iap模块维护得不好。 我们正在考虑再次参与并使模块更健康。 请参考并与我们分享您或您的组织如何使用它。 新年快乐 :party_popper: 介绍 此本地React模块将帮助您在Android ， iOS平台和Amazon...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
webStorm编辑器ReactNative配置-附件资源
03-05
webStorm编辑器ReactNative配置-附件资源
react native 之 webstorm开发（windows）
蒙的博客
11-16 2153
前言：作为Android开发的老司机，前端时间我在windows上面把reactnative项目做了一个流程的研究，同时也把相关的博客给贴了出去。今天考虑到reactnative的js的书写需要开发工具，就看了一下网上的各种资料，最后选了webstorm作为自己开发reactnative的工具来走了一下reactnative项目js的书写流程。 我选择webstorm的原因主要是它和Androi
react-native学习笔记---Mac环境WebStorm相关配置
July_sal的专栏
06-13 2110
做了几年的iOS开发，最近得空研究学习一下react-native，以后研究的方向也是react-native和iOS原生APP的结合。开发环境：MAC电脑 WebStorm网上搭建react-native开发环境的帖子层出不穷，大家可自行百度，对于编译器，WebStorm或Sublime Text或Visual Studio Code，三种我都下载体验了一下，最后选择了WebStorm，功能比较...
ReactNative 开发工具Webstorm 环境配置
hushaoxi的专栏
08-16 587
一：设置编码语法环境，在WebStorm中打开File–>Setting–>Languages & Frameworks–>JavaScript 二：下载两个JavaScript Libraries：打开File–>Setting–>Languages & Frameworks–>JavaScript–>Libraries，点击右边的Download按钮，选择TypeScript
WebStrom开发ReactNative设置代码自动提示
滴水穿石，不断积累！
09-28 2004
安装 方法一 由于ReactNative.jar更新不方便而且过于陈旧，强烈建议使用方法二进行安装，ReactNative.jar 也会删除 file -> import settings -> ReactNative.jar 方法二 Mac下安装 提示：如果没有templates 文件夹，你可以手动创建一个 webstorm11安装路径 将ReactNative.x...
React学习一——webstorm环境搭建和React基础语法
weixin_43896829的博客
08-12 2503
React 一、环境搭建 Node.js+WebStorm+react.js Node.js 在rTool上搜索node.js,下载安装包 打开安装，除了路径，一路next (1) 修改环境变量 计算机->属性->高级系统设置->环境变量->系统变量->path编辑->将安装路径加入其中 (2) 测试 此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号： (3) 配置npm在安装全局模块时的路径和缓存ca
React Native开发一 webstorm搭建React Native开发环境
热门推荐
带你装逼带你飞的专栏
12-16 2万+
1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +
react-native link react-native-pdf zsh: command not found: react-native
12-29
要解决"zsh: command not found: react-native"的问题，你需要确保已经正确安装了react-native-cli并且已经将其添加到了系统的环境变量中。 以下是在Windows和Mac上安装和配置react-native-cli的步骤： Windows： ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值