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

本文仅推荐两个: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文件看是否顺眼。。。