Atom+Nuclide开发工具(React Native)

安装环境

1.安装atom https://atom.io/,下载最新版本.

2.Nuclide常规安装

Nuclide项目官方地址:https://github.com/facebook/nuclide

点击Atom->Preferences打开Setting,然后点击install,输入nuclide搜索,进行下载即可

上面安装方式比较慢,更推荐源码安装:

1
2
3
4
git clone  https://github.com/facebook/nuclide.git
cd nuclide
npm install
apm link

3.Nuclide常规配置

1.搜索“nuclide”,点击“Settings”

选中:intall recommmended packages on startup
关闭 Atom ,重新打开.

2.安装watchman 和 flow

1
2
3
brew install watchman
brew install flow
npm install fbjs

如果安装过,可以更新一下

1
2
brew upgrade watchman
brew upgrade flow

3.常用插件

禁用自带的nuclide-format-js

下载格式化https://atom.io/packages/atom-beautify
jsx里面开启

消除atom 中间的线设置里面的atom->stylesheet添加下面代码

1
2
3
atom-text-editor::shadow .wrap-guide {
visibility: hidden;
}

4.针对不同电脑设置之间的设置同步

安装package sync-settings:,按说明操作
同步命令

1
2
sync-settings:backup
sync-settings:restore

5.Atom 编辑器快捷键

快捷键大全


参考1

参考2

欣赏此文?求鼓励,求支持!