美文网首页
React Native代码编辑工具相关配置

React Native代码编辑工具相关配置

作者: 刻舟求鉴 | 来源:发表于2016-10-18 23:09 被阅读0次

本文仅推荐两个:WebStorm以及官方推荐的Atom

WebStorm安装

WebStorm官网下载并安装
免费30天,这里找了份那啥提取:rj9e

WebStorm配置

1.Open

Paste_Image.png
然后找到RN项目路径点击OK
2.Preferences
Paste_Image.png
3.Download Libraries
Paste_Image.png
这里需要下载安装的有
Paste_Image.png
4.JSX语法设置
Paste_Image.png

检查

打开RN项目的任意js文件没有报错情况代表OK。

Atom安装

Atom下载并安装。

Atom 配置

1.Preferences


Paste_Image.png

2.settings 基本插件以下,如有其他习惯可以选其他


Paste_Image.png
Paste_Image.png
3.假如无论如何你都安装不上插件一直没有响应或者很慢: Paste_Image.png

试试终端方式,当然其他插件也是可以采用下面:

nuclide

# Clone the source
$ git clone https://github.com/facebook/nuclide.git
$ cd nuclide
# Install dependencies
$ npm install
# Link the 'nuclide' package to Atom's package directory
$ apm link

react-snippets

$ git clone https://github.com/webbushka/atom-react-snippets.git
$ cd atom-react-snippets
$ npm install
$ apm link

4.更多推荐请看https://atom-china.org/t/atom/1950

检查

打开RN项目任意JS文件看是否顺眼。。。

相关文章

网友评论

      本文标题:React Native代码编辑工具相关配置

      本文链接:https://www.haomeiwen.com/subject/vvbtuttx.html