可以編輯react native的開發(fā)工具有哪些

小編給大家分享一下可以編輯react native的開發(fā)工具有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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

可以編輯react native的開發(fā)工具

1、Atom

• 官網(wǎng)：https://atom.io/
• 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：開源
• 特性：
  
  • 跨平臺編輯
  • 內置包管理器
  • 智能自動補全
  • 文件系統(tǒng)瀏覽器
  • 多個窗格
  • 查找和替換

Atom 是一款現(xiàn)代化、易用、可控的文本編輯器。Atom 被開發(fā)人員廣泛應用于多種編程語言。它有一個龐大而活躍的社區(qū)，誕生了很多有用的插件。

Atom 常用的包：

• atom-react-native-autocomplete package - 該包針對 React-Native，為 Atom 編輯器提供自動補全功能。
• atom-react-native-css - 這是一個內置支持 SASS、SCSS 的 React-Native 組件的包。React-native-css 將有效的 CSS、SASS轉換為 CSS 的 Facebook 子集。
• react-native-snippets - 該包是 Atom和 Nuclide 的 React Native 片段。
• 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

• 官網(wǎng)：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/
  • 為 React-JSX 開發(fā)設置 SublimeText：(http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)
• 支持平臺：Windows、Mac、Linux
• Licence：可以免費下載和試用，繼續(xù)使用需購買 License。
• 特性：
  
  • Goto Anything 功能
  • 多個選擇
  • 命令終端
  • 分心自由模式
  • 拆分編輯
  • 即時項目開關
  • 插件 API
  • 可自定義任何東西
  • 跨平臺
• 設置 React Native：nitinh.com/2015/02/setting-sublime-text-react-jsx-development/

Sublime Text 是一個復雜的文本編輯器，可用于編寫代碼、做標記和編寫普通文本。社區(qū)提供了大量的插件擴展其功能。Sublime Text 一直是開發(fā)人員最喜歡的編輯器。

Sublime Text 常用包

• react-native-snippets - 用于 react native 的 Sublime Text 的片段集合
• babel-sublime - 具有 React JSX 擴展的 ES6 JavaScript 的語法定義。

3、Visual Studio Code

• 官網(wǎng)：https://code.visualstudio.com/
• Github 項目地址：Microsoft/vscode(https://github.com/Microsoft/vscode)
• 文檔：
  
  • 設置：https://code.visualstudio.com/docs
  • 使用 Visual Studio Code 開發(fā) 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 開發(fā)的源代碼編輯器。它是免費和開源的，支持調試、嵌入式 Git 控件、語法高亮、智能代碼補全、代碼段和代碼重構。

擴展

• ReactNative Tools - 此擴展為React Native 項目提供了開發(fā)環(huán)境。你可以調試代碼，從命令終端快速運行 react-native 命令，并使用 IntelliSense 瀏覽 React Native API 的對象、函數(shù)和參數(shù)。
  Vim編輯器

4、WebStorm

• 官網(wǎng)：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
• 特性：
  
  • 智能編碼協(xié)助
  • 支持最新技術
  • 版本控制系統(tǒng)
  • 無縫工具集成
  • 調試、跟蹤和測試
  • 內置終端

WebStorm 建立在開源 IntelliJ 平臺之上，JetBrains 已經開發(fā)和完善了15多年。它提供與 VSC、本地歷史功能的緊密集成，具有充滿活力的插件生態(tài)系統(tǒng)，是完全可配置的，還提供大量其他的功能。WebStorm 為 React 和 JSX 提供高級支持，并提供 React Native 應用程序的核心編碼協(xié)助。

5、Nuclide

• 官網(wǎng)：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：開源
• 特性：
  
  • 內置調試
  • 遠程開發(fā)
  • Developing Hack
  • 支持 Mercurial
  • 工作集

Nuclide 是基于 Atom 之上構建的單獨的一個包，其提供可編程性且社區(qū)非?；钴S。它為 React Native、Hack 和 Flow 項目提供一流的開發(fā)環(huán)境。

6、Deco IDE

• 官網(wǎng)：https://www.decosoftware.com/
• Github 項目地址：decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
• 文檔：
  
  • 官方文檔：https://www.decosoftware.com/docs
• 支持平臺：Mac（僅適用于iOS）
• License：開源
• 特性：
  
  • 組件搜索和插入
  • 實時調整
  • 新文件支架

Deco 是專為 React Native 打造的 IDE。它是一個用于編寫 React Native 應用程序的一體化解決方案，無需任何環(huán)境設置即可下載和使用。Deco 專注于組件重用，并支持用戶對 UI 的實時編輯，從而改進了React Native 開發(fā)工作流程。

7、GNU Emacs 編輯器

• 官網(wǎng)：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
• 特性：
  
  • 內容感知編輯模式，包括語法著色，適用于多種文件類型。
  • 完整的內置文檔，包括新手教程。
  • 支持幾乎所有腳本語言的 Unicode 編碼。
  • 高度可定制，使用 Emacs Lisp 代碼或圖形界面。
  • 具有用于下載和安裝擴展的包系統(tǒng)。

GNU EMACS 是一個可擴展、可定制、免費、自由的文本編輯器。

擴展

• web-mode.el - 它是一個自主的 emacs 主模塊，用于編輯 Web模板。它與許多語言兼容，包括 JSX（React）。

以上是“可以編輯react native的開發(fā)工具有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！