React Native 代码智能提醒WebStorm开发工具

原创 2016年08月29日 13:48:39

       在做React Native开发时,最常用的开发工具有 webStorm ,sublime ,appcode等,很多人都希望开发工具有智能提醒功能,然而我们使用上述开发工具进行React Native开发时并没有较好的提示功能。今天给大家介绍一款插件Webstrom live template  使webStrom支持React Native开发智能提醒。


下面进入正题


       插件下载地址https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
       下载方法:使用git下载 ,在终端输入git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
       安装方法:在终端输入 file -> import settings -> ReactNative.jar


使用方法


       通用方法   直接输入组件 或 Api 名称的首字母, 比如想要 View ,只要输入 V自动提示代码里就会看到 View
       StyleSheet属性提示
       首先 按下 command + J , 然后输入属性名的 首字母

       如: 输入 f ,会自动提示 fontSize,fontStyle







版权声明:本文为博主原创文章,未经博主允许不得转载。

React-Native学习笔记之代码智能提醒(webstorm)

ReactNative代码包括: - 组件名称 - Api 名称 - 所有StyleSheets属性 - React组件安装 方法一 file -> import settings -> ...
  • qq_25404567
  • qq_25404567
  • 2016年10月01日 21:37
  • 2551

WebStorm开发工具设置React Native智能提示

最近在做React Native开发的时候,相信大家一般会使用WebStorm,Sublime,Atom等等开发工具。二之前搞前端的对WebStorm会很熟悉,WebStorm最新版是WebStorm...
  • xiangzhihong8
  • xiangzhihong8
  • 2016年08月16日 20:12
  • 18116

ReactNative 代码智能提醒(webstorm)

ReactNative 代码智能提醒 (Webstrom live template) git clone https://github.com/virtoolswebplayer/ReactNat...
  • yang1994
  • yang1994
  • 2016年03月21日 19:51
  • 5717

【转】WebStorm设置React Native智能提示

最近在做React Native开发的时候,相信大家一般会使用WebStorm,Sublime,Atom等等开发工具。二之前搞前端的对WebStorm会很熟悉,WebStorm最新版是WebStorm...
  • s_521_h
  • s_521_h
  • 2017年08月08日 16:09
  • 212

针对在webstorm开发React Native的代码快捷设置

第一步将ReactNative.xml文件复制到这个文件夹 第二步在setting里面看一下ReactNative是否打钩了~,需要打钩 第三步配置成功的提示 如何修改,记得改完保存...
  • fox_wei_hlz
  • fox_wei_hlz
  • 2017年11月22日 18:39
  • 171

React Native使用WebStorm 2016.3代码自动补全

首先下载两个JavaScript Libraries:在WebStorm中打开File–>Setting–>Languages & Frameworks–>JavaScript–>Libraries,...
  • Q_AN1314
  • Q_AN1314
  • 2016年12月03日 10:48
  • 3642

React Native从零开始(一)React Native编辑器配置(webstorm)

React Native从零开始(一)React Native编辑器配置(webstorm) 因为之前和现在都是在做Android开发的,网页什么的接触的也不多,所以对于编辑器的选择的话,我还是倾向于...
  • SuperBigLw
  • SuperBigLw
  • 2017年01月05日 09:16
  • 11347

react native学习笔记1——webstorm安装与配置

工欲善其事必先利其器,选择一个趁手的IDE,码起来代码来是事半功倍。 本人由于也是初学RN,对各个前端IDE其实并没多少接触,之前只用过Sublime,对我而言Sublime更像是个文本编辑器,但它...
  • teagreen_red
  • teagreen_red
  • 2017年08月10日 22:23
  • 1949

React-Native代码自动提示(WebStorm)

首先,clone git https://github.com/virtoolswebplayer/ReactNative-LiveTemplateReactNative的代码模板,包括:组件名称 ...
  • ZhuoZhuoWei
  • ZhuoZhuoWei
  • 2016年09月07日 11:14
  • 2278

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

说在前面 使用的WebStorm版本是2017.1.1. 一. 创建React Native项目 1.File->New->Project 2.在New...
  • houtrry
  • houtrry
  • 2017年04月25日 15:51
  • 10231
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native 代码智能提醒WebStorm开发工具
举报原因:
原因补充:

(最多只允许输入30个字)