ホームページ  >  記事  >  ウェブフロントエンド  >  React Native の編集には何を使用できますか?

React Native の編集には何を使用できますか?

青灯夜游
青灯夜游オリジナル
2020-11-25 10:04:242670ブラウズ

反応ネイティブを編集するためのツールには、Atom、Sublime Text、Visual Studio Code、WebStorm、Nuclide、Deco IDE (React Native 用に特別に構築された IDE)、GNU Emacs エディターなどが含まれます。

React Native の編集には何を使用できますか?

# React Native を編集できる開発ツール

1 , 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 はい Aモダンで使いやすく、制御可能なテキスト エディター。 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 が含まれています。

#2. 崇高なテキスト

    ## 公式ウェブサイト: 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 の構文定義。

  • 3. Visual Studio コード

## 公式 Web サイト: https:// code.visualstudio.com/

Github プロジェクト アドレス: Microsoft/vscode(https://github.com/Microsoft/vscode)
ドキュメント:
  • Settings :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
    • 機能:
    ビルド-in Git コマンド
  • 拡張性とカスタマイズ可能

    • Visual Studio Code は、Windows、Linux、および OS X 用に Microsoft によって開発されたソース コード エディターです。これは無料のオープン ソースであり、デバッグ、埋め込み Git コントロール、構文ハイライト、スマート コード補完、コード スニペット、コード リファクタリングをサポートしています。 #########拡大######
      • ReactNative ツール - この拡張機能は、React Native プロジェクトの開発環境を提供します。コードをデバッグし、コマンド ターミナルから react-native コマンドをすばやく実行し、IntelliSense を使用して React Native API のオブジェクト、関数、パラメーターを調べることができます。
        Vim エディタ

      4、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 は、JetBrains が 15 年以上かけて開発、改良してきたオープンソースの IntelliJ プラットフォーム上に構築されています。 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 と React Native:https://nuclide.io/docs/platforms/react-native/
        • サポートされているプラ​​ットフォーム: Windows、Mac、Linux
      • ライセンス: オープンソース
      • 機能:
      • 組み込みデバッグ
          リモート開発
        • ハックの開発
        • サポート Mercurial
        • ワーキング セット
        Nuclide は Atom 上に構築された単一のパッケージであり、プログラマビリティとコミュニティを提供します。アクティブ。 React Native、Hack、Flow プロジェクトに一流の開発環境を提供します。

      #6. Deco IDE

      ##公式 Web サイト: 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 開発ワークフローを改善します。
      7. 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 は、拡張可能でカスタマイズ可能な無料のテキスト エディターです。
        拡張機能

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

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

      プログラミング学習 Web サイト
        をご覧ください。 !

以上がReact Native の編集には何を使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。