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文件看是否顺眼。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容