どのエディタが反応をサポートしていますか?

react をサポートするエディタ: Nuclide、Atom、Sublime Text、Visual Studio Code、WebStorm、Vim エディタ、GNU Emacs エディタ、Spacemacs エディタ、Deco IDE、TextMate エディタなど。

反応エディター

##1. Nuclide

公式ウェブサイト: https://nuclide.io/
• Github プロジェクトアドレス: facebook / nuclide(https://github.com/facebook /nuclide)
• ドキュメント:
• 
  
  セットアップ: https://nuclide.io/docs/editor/setup/
  • React Native を使用した Nuclide: https:/ /nuclide.io /docs/platforms/react-native/
サポートされているプラ​​ットフォーム: Windows、Mac、Linux
• ライセンス: オープンソース
• 機能:
• 
  
  組み込みデバッグ
  • リモート開発
  • ハックの開発
  • サポート Mercurial
  • ワーキング セット
#Nucride は Atom 上に構築された単一のパッケージであり、プログラマビリティを提供し、非常に活発なコミュニティがあります。 React Native、Hack、Flow プロジェクトに一流の開発環境を提供します。

2. Atom

# 公式ウェブサイト: https://atom.io/

• Github プロジェクト アドレス: atom(https://github.com/atom)
• ドキュメント:

• 設定: http://flight-manual .atom.io/
  • Atom と React Native: https://blog.sendbird.com/tutorial-build-a-messaging-app-using-react-native/
サポートされているプラ​​ットフォーム: Windows、Mac、Linux

• ライセンス: オープンソース
• 機能:
• 
  クロスプラットフォーム編集
  • 組み込みのパッケージ マネージャー
  • インテリジェントなオートコンプリート
  • ファイル システム ブラウザ
  • 複数のペイン
  • 検索と置換
Atom は、使いやすく、制御可能な最新のテキスト エディターです。 Atom は、多くのプログラミング言語の開発者によって広く使用されています。これには、多くの便利なプラグインを作成した大規模で活発なコミュニティがあります。

Atom で一般的に使用されるパッケージ:

atom-react-native-autocomplete パッケージ - このパッケージは 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 - ES2016 と ESNext を含む JavaScript のすべてのバージョンの構文、Facebook React の JSX 構文、Atom の etch が含まれています。

#3. 崇高なテキスト

## 公式ウェブサイト: https://www .sublimetext.com/

Github プロジェクト アドレス: SublimeText(https://github.com/SublimeText)
• ドキュメント:
• 設定: https:// www.sublimetext.com/docs/3/
  
  React Native 用 SublimeText：https://zaicheng.me/2016/06/20/react-native-initial-setup/
  • よりReact-JSX 開発設定 SublimeText: (http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)
  • サポートされているプラ​​ットフォーム: Windows、Mac、Linux
ライセンス: 無料でダウンロードして試用できますが、引き続き使用するにはライセンスを購入する必要があります。
• 機能:
• Goto Anything機能
  
  複数選択
  • コマンドターミナル
  • 気を散らさないモード
  分割編集
  • #インスタントプロジェクトスイッチ
  #プラグインAPI
  • #何でもカスタマイズ
  #クロスプラットフォーム
  • #設定React Native: nitinh.com/2015/02/setting-sublime-text-react-jsx-development/
  • Sublime Text は、コードの作成、マークアップ、およびプレーン テキストの作成のための洗練されたテキスト エディターです。 。コミュニティでは、機能を拡張するための多数のプラグインが提供されています。 Sublime Text は常に開発者の間で人気のエディターです。
  Sublime Text 共通パッケージ

react-native-snippets - 反応ネイティブの Sublime Text のスニペットのコレクション

babel-sublime - React JSX 拡張機能を使用した ES6 JavaScript の構文定義。

4. Visual Studio コード
• 
  • 公式 Web サイト: 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 ツール - この拡張機能は、React Native プロジェクトの開発環境を提供します。コードをデバッグし、コマンド ターミナルから react-native コマンドをすばやく実行し、IntelliSense を使用して React Native API のオブジェクト、関数、パラメーターを調べることができます。
    Vim エディタ

  5. Vim エディタ

  
  • 公式ウェブサイト: http://www.vim.org/
  • Github プロジェクト アドレス: vim/vim(https://github.com/vim/vim)

  • ドキュメント:

    • Vim ドキュメント: http://www.vim.org/docs.php
    • React-JSX 用の Vim のセットアップ: https://jaxbot.me/articles/setting-up -vim-for-react-js-jsx-02-03-2015

  • ライセンス: オープンソース

  • サポートされているプラ​​ットフォーム: Mac、Linux
  • 機能:
    
    • 永続的なマルチレベルの取り消しツリー
    • 広範なプラグイン システム
    • 数百のプログラミング言語とファイル形式をサポート
    • 強力な検索および置換機能
    • 多くのツールと統合する機能

  Vim は、非常に効率的に作成できる、高度に構成可能なテキスト エディターです。任意のタイプのテキストを変更します。ほとんどの UNIX システムは、「vi」の形式でこれをサポートします。多くの開発者は、さまざまな編集タスクに Vim を使用することを好みます。 Vim は非常に安定しており、より良くなるために常に進化しています。

  Vim プラグイン

  • vim-jsx - JSX の構文の強調表示とインデントを提供します。
  • vim-react-snippets - Facebook の React ライブラリで使用する Vim 用に構築されたスニペットのセット。
  • vim-babel - Facebook の React ライブラリで使用する Vim 用に構築されたスニペットのセット。

  6. GNU Emacs エディタ

  
  • 公式 Web サイト: 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/
  • ライセンス: GPL に従います
  • サポートされているプラ​​ットフォーム: Windows、Mac、Linux
  • 機能:
    
    • 複数のファイル タイプに適した、構文の色付けを含む、コンテンツに応じた編集モード。
    • 初心者向けチュートリアルを含む、完全な組み込みドキュメント。
    • ほぼすべてのスクリプト言語の Unicode エンコードをサポートします。
    • Emacs Lisp コードまたはグラフィカル インターフェイスを使用して高度にカスタマイズ可能。
    • 拡張機能をダウンロードしてインストールするためのパッケージ システムがあります。

  GNU EMACS は、拡張可能でカスタマイズ可能な無料のテキスト エディターです。

  Extensions

  • web-mode.el - Web テンプレートを編集するための自律的な emacs メイン モジュールです。 JSX (React) を含む多くの言語と互換性があります。

  7. Spacemacs エディター

  
  • 公式 Web サイト: http:// spacemacs.org/
  • Github プロジェクト アドレス: syl20bnr/spacemacs(https://github.com/syl20bnr/spacemacs)
  • ドキュメント:
    
    • 公式ドキュメント: http://spacemacs.org/doc/DOCUMENTATION.html
  • ライセンス: オープンソース
  • サポートされているプラ​​ットフォーム: Windows、Mac、Linux
  • 特長:
    
    • ニーモニック プレフィックスを使用して整理されたキー バインディング
    • 発見可能 - 利用可能なキー バインディングの革新的なリアルタイム表示。
    • 同様の関数には同じキーがあります
    • シンプルなクエリ システムにより、利用可能なレイヤー、パッケージなどをすばやく見つけることができます。
    • コミュニティ主導の構成は、ユーザーが調整可能な強力なパッケージを提供するため、バグを迅速に修正できます。

  Spacemacs はコミュニティ主導の Emacs ディストリビューションです。最高のエディターは Emacs でも Vim でもなく、Emacs と Vim を組み合わせたものです。

  Extensions

  • React レイヤー - React 用の ES6 および JSX 構成レイヤー。 .jsx および .react.js ファイルは自動的に認識されます。 React 統合のためのラッパー。

  #8. Deco IDE

  
  ## 公式ウェブサイト: https://www .decosoftware.com/
  • Github プロジェクト アドレス: decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
  • ドキュメント:
  • 
    
    公式ドキュメント: https://www.decosoftware.com/docs
  サポートされているプラ​​ットフォーム: Mac (iOS のみ)
  • ライセンス: オープンソース
  機能:
  • 
    
    コンポーネントの検索と挿入
    • リアルタイム調整
    • 新しいファイル スキャフォールド
  # Deco は React Native 専用に構築された IDE です。これは、環境セットアップなしでダウンロードして使用できる、React Native アプリケーションを作成するためのオールインワン ソリューションです。 Deco は、コンポーネントの再利用に焦点を当て、ユーザーがリアルタイムで UI を編集できるようにすることで、React Native 開発ワークフローを改善します。

  9. WebStorm

  ## 公式 Web サイト: https://www.jetbrains.com /webstorm/
  • ドキュメント:
  • 
    公式ドキュメント: https://www.jetbrains.com/webstorm/documentation/
    • 外部ツールの使用: https:/ /blog.jetbrains.com/webstorm/2016/08/using-external-tools/
    ライセンス: 料金 (シングル ユーザー $129、初年度)
  • サポート プラットフォーム: Windows、Mac、Linux
  • 特長:
  • 
    インテリジェントなコーディング支援
    • 最新テクノロジーのサポート
    • バージョン管理システム
    • シームレスなツール統合
    • デバッグ、トレース、テスト
    • 組み込みターミナル
  WebStorm は、オープン ソースの IntelliJ プラットフォーム上に構築されています。 JetBrains は 15 年以上にわたって開発され、洗練されてきました。 VSC との緊密な統合、ローカル履歴機能、活気に満ちたプラグイン エコシステムを備え、完全に構成可能で、その他の多くの機能を提供します。 WebStorm は React と JSX の高度なサポートを提供し、React Native アプリケーションのコア コーディング支援を提供します。

  10. TextMate エディター

  公式 Web サイト: https://macromates.com /
  • ドキュメント:
  • 
    公式ドキュメント: http://manual.macromates.com/en/
    • ##ライセンス: 有料 (シングルユーザー)ライセンスは 48.75 ユーロです)
  サポートされているプラ​​ットフォーム: Mac
  • 機能:
  • CSS セレクターは操作と設定の範囲を決定します
    
    簡単な概要とナビゲーション ポップアップ
    • お気に入りのスクリプト言語をプラグインとして統合
    • ドキュメントからシェル コマンドを実行
    • コードのハイライト表示
    • 利用可能 Xcode とのコラボレーションXcode プロジェクトをビルドする 特定の IDE にはない機能。 React は JSX を直接サポートしていませんが、以下のプラグインを使用すると、ほとんどの React コードのベースとなっている JSX のサポートを簡単に取得できます。
    • plugin
    javascript-jsx.tmbundle - JSX (React) 用の Textmate バンドル。構文の強調表示は現在サポートされています。

  プログラミング関連の知識について詳しくは、

  プログラミング ビデオ コース

  をご覧ください。 ！

以上がどのエディタが反応をサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。