可以用什麼編輯react native？-js教程-PHP中文網

編輯react native的工具有：Atom、Sublime Text、Visual Studio Code、WebStorm、Nuclide、Deco IDE（專為React Native打造的IDE）、GNU Emacs編輯器等等。

可以用什麼編輯react native？

可以編輯react native的開發工具

##1 、Atom

Github 專案網址：atom(https: //github.com/atom)
文件：
##設定：http://flight-manual.atom.io/
- Atom with React Native：https://blog.sendbird.com/tutorial-build-a-messaging-app-using-react-native/
##支援平台：Windows、Mac 、Linux
Licence：開源
跨平台編輯
##內建套件管理器
- #智慧型自動補全
- 檔案系統瀏覽器
- 多個窗格
- 尋找與取代
- ##Atom 是一款現代化、易用、可控制的文字編輯器。 Atom 被開發人員廣泛應用於多種程式語言。它有一個龐大而活躍的社區，誕生了許多有用的插件。

atom-react-native-autocomplete package - 此套件針對React-Native，為Atom 編輯器提供自動補全功能。 atom-react-native-css - 這是一個內建支援 SASS、SCSS 的 React-Native 元件的套件。 React-native-css 將有效的 CSS、SASS轉換為 CSS 的 Facebook 子集。

zenchat-snippets - 它是react-native、redux 和 ES6 的片段集合。
atom-xcode - 用於整合 Mac Xcode 和 atom。安裝之後，iOS 模擬器可以在 atom 內進行控制。
language-babel - 包含所有 JavaScript 版本的語法，包括 ES2016 和 ESNext、用於 Facebook React 的 JSX 語法、以及 Atom 的 etch。
2、Sublime Text

#官網：https://www .sublimetext.com/

Github 專案網址：SublimeText(https://github.com/SublimeText)

設定：https:// www.sublimetext.com/docs/3/
SublimeText for React Native：https://zaicheng.me/2016/06/20/react-native-initial-setup/
- #支援平台： Windows、Mac、Linux
- Licence：可免費下載試用，繼續使用需購買License。
Goto Anything 功能
多個選擇
- 分心自由模式
- 即時專案開關
- 外掛API
- 可自訂任何東西
- 跨平台
Sublime Text 是一個複雜的文字編輯器，可用於編寫程式碼、做標記和編寫普通文字。社群提供了大量的插件擴展其功能。 Sublime Text 一直是開發人員最愛的編輯器。
Sublime Text 常用套件

react-native-snippets - 用於react native 的Sublime Text 的片段集合babel-sublime - 具有React JSX 擴充功能的ES6 JavaScript 的語法定義。

3、Visual Studio Code

官網：https:// code.visualstudio.com/

Github 專案地址：Microsoft/vscode(https://github.com/Microsoft/vscode)

#設定：https://code.visualstudio.com/docs
使用Visual Studio Code 開發React Native 應用：https://blogs.msdn.microsoft.com/visualstudio/2016/02/22/develop-reactnative -apps-in-visual-studio-code/
- 支援平台：Windows、Mac、Linux
- 特性：
內建Git命令
可擴充且可自訂
- Visual Studio Code 是由Microsoft 為Windows、Linux 和OS X 開發的原始程式碼編輯器。它是免費且開源的，支援調試、嵌入式 Git 控制項、語法高亮、智慧程式碼補全、程式碼片段和程式碼重構。

ReactNative Tools - 此擴充功能為React Native 專案提供了開發環境。你可以偵錯程式碼，從命令終端快速執行 react-native 指令，並使用 IntelliSense 瀏覽 React Native API 的物件、函數和參數。
Vim編輯器

4、WebStorm

。 https://www.jetbrains.com/webstorm/
文件：
- # 官方文件：https://www.jetbrains.com/webstorm/documentation/
- #使用外部工具：https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
License：收費（單一使用者第一年需支付129 美元）
支援平台：Windows、Mac、Linux
特性：
- #支援最新技術
- 無縫工具整合
- 調試、追蹤與測試
- #內建終端機

WebStorm 建立在開源IntelliJ 平台之上，JetBrains 已經開發並完善了15多年。它提供與 VSC、本地歷史功能的緊密整合，具有充滿活力的插件生態系統，是完全可配置的，還提供大量其他的功能。 WebStorm 為 React 和 JSX 提供高級支持，並提供 React Native 應用程式的核心編碼協助。

5、Nuclide
- #官網：https://nuclide.io/
- Github 專案網址：facebook / nuclide(https://github.com/facebook/nuclide)
設定：https://nuclide. io/docs/editor/setup/
Nuclide with React Native：https://nuclide.io/docs/platforms/react-native/
- #支援平台： Windows、Mac、Linux
- Licence：開源
- ##內建偵錯
遠端開發

Developing Hack

支援Mercurial

工作集

#Nuclide 是基於Atom 之上構建的單獨的一個包，其提供可編程性且社區非常活躍。它為 React Native、Hack 和 Flow 專案提供一流的開發環境。

6、Deco IDE
- #官網：https://www.decosoftware. com/
文件：
#官方文件：https://www.decosoftware.com/docs
- 支援平台：Mac（僅適用於iOS）
- License：開源
- #特性：

元件搜尋與插入

即時調整

新檔案支架

Deco 是專為React Native 打造的IDE。它是一個用於編寫 React Native 應用程式的一體化解決方案，無需任何環境設定即可下載和使用。 Deco 專注於元件重複使用，並支援使用者對 UI 的即時編輯，從而改善了React Native 開發工作流程。

7、GNU Emacs 編輯器
- 官網：https://www. gnu.org/software/emacs/
官方文件：https://www.gnu.org/software/emacs/documentation.html
#針對React Native 的初始設定：http://www.cyrusinnovation.com/initial-emacs-setup-for-reactreactnative/
- License：遵循GPL
- #支援平台：Windows、Mac、Linux
- 特性：
- 內容感知編輯模式，包含語法著色，適用於多種檔案類型。
完整的內建文檔，包括新手教學。