ReactNative 開発ツールの詳細な紹介

本文

React Native (以下、RN) 開発ツールに関する記事は数多くありますが、そのほぼすべてをコピーしたものです (同じです) この記事は、私自身の実践経験を組み合わせて、最も実用的な RN を推奨します。 Coder の開発ツールについては、この記事で十分です。

概要: RN を開発するためのツールは数多くあり、Facebook が React 専用に開発した IDE である Nuclide や、フロントでおなじみの WebStorm、Sublime Text 3、VS Code など、多くのオプションがあります。 -仕事終わり。

これらの IDE の中からどのように選択すればよいでしょうか?まず言っておきます IDE ランキングはお勧めしません:

Top1: Nuclide は Facebook によって React 専用に開発されましたが、Atom ベースの Nuclide は本当に驚くほど遅く、パフォーマンスは耐えられないほど低いです。私は気性が良いと思うので、それを確認してみようと思います。

Top2: WebStorm は私にとって非常に馴染みのある IDE で、数年前に NodeJ の開発を始めて以来、この IDE を使用しています。欠点は、速度が遅く、クラッシュしやすく、有料であることです。クラックされる可能性はありますが、使用したことがない人にとって敷居は低くありませんが、重要なのは、その不安定性、クラッシュ、ロードと起動速度が非常に満足できないことです。

おすすめしないIDEの話をした後は、重要なポイントをお話しましょうおすすめIDEランキング:

トップ1:Sublime Text 3起動とシャットダウンの速度が速いプラグインをインストールした後の使い方は簡単です。プラグインのインストールと最適化について説明します。

1. ダウンロードアドレス:

2. Windows システムでは、「Ctrl+`」ショートカット キーを使用するか、ビューからコマンド ラインを開くことができます。 ->コンソール メニューを表示し、次のコードを貼り付けます:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

3. 必要なプラグインをインストールします

Win システムでは、ショートカット キー CTRL+SHIFT+P を使用して、メニューバーの「環境設定」を開くかクリックします。 -> 「パッケージコントロール」

ターミナルウィンドウを開き、「インストール」と入力すると、下部に「パッケージコントロール: パッケージのインストール」というプロンプトが表示されます。マウスでクリックします。そして、インストールするプラグインを入力します:

ReactJS: React開発、コードプロンプト、ハイライト表示をサポート
Emmet: フロントエンド開発に必須
ターミナル: Sublime でターミナルを開き、現在のディレクトリに移動します
React-native-snippets: React Native のコード スニペット
JsFormat: js コードをフォーマット

• その中で、別途設定する必要があるのは、JsFormat を

保存時に自動的にフォーマットするように設定できることです。設定は次のとおりです。設定 -> JsFormat -> 設定 - ユーザーは次のコードを入力します:

{

  "e4x": true,

  // jsformat options

  "format_on_save": true,

}

効果は写真の通りです:

トップ2: VS Code

1. ダウンロードアドレス:

2. RN Development Plug-in-Reactネイティブツール：Microsoftの公式ReactNativeプラグイン、非常に使いやすいcomponentWillMountなどのReactコードヒント：Reactコードのヒントメソッドは cwm を通じて直接取得できます

• タグの自動終了: タグを自動的に閉じます

• タグの名前を自動的に変更します。上記のプラグインで使用されます。基本的に IntelliJ IDEA システムの機能に対応できます

• パス Intellisense: ファイル パスのプロンプト補完

• 3. 共通のショートカット キーと設定

• Shift + Alt + F : コードの書式設定 Ctrl + Space: コード プロンプト。これは入力ショートカット キーと競合するため、使用できません。 設定: File=> ; キーボード ショートカット=> 「スペース」を検索=> 図に示すように、それを独自のショートカット キーに変更します。

以上がReactNative 開発ツールの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。