React を書くにはどのエディタを使用すればよいですか?

React を記述するには、次のようなさまざまなエディターを使用できます: 1. Atom (クロスプラットフォーム テキスト エディター)、2. Visual Studio Code (クロスプラットフォーム ソース コード エディター)、3. WebStorm エディター。 4. Sublime Text、5. Vim、高度に構成可能なテキスト エディタなど。

このチュートリアルの動作環境: Windows7 システム、React17 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

おすすめ: 「react ビデオ チュートリアル 」

Atom

Atom は特殊ですプログラマー向けに開発されたクロスプラットフォームのテキスト エディターで、最新の使いやすく、制御可能なテキスト エディターです。 Atom は、多くのプログラミング言語の開発者によって広く使用されています。これには、多くの便利なプラグインを作成した大規模で活発なコミュニティがあります。

公式 Web サイト: https://atom.io/

機能:

クロスプラットフォーム編集

組み込みのパッケージ マネージャー

スマート オートコンプリート

ファイル システム ブラウザ

複数のペイン

検索と置換

Visual Studio コード

Visual Studio Code は、最新の Web およびクラウド アプリケーションを作成するために Microsoft が Windows、Linux、および OS X 向けに開発したクロスプラットフォームのソース コード エディターです。 。これは無料のオープン ソースであり、デバッグ、埋め込み Git コントロール、構文ハイライト、スマート コード補完、コード スニペット、コード リファクタリングをサポートしています。

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

機能:

組み込み Git コマンド

拡張性とカスタマイズ可能

対応するプラグインをインストールします

必要なもの: ESLint、DocumentThis、EasyLess、Complete JSDoc Tags、vscode-flow-ide、React Native Tools、vscode-wechat、npm、babel-javascript、debugger Chrome、git レンズ、ノード デバッグ 2 の場合。

オプション: JavaScript (ES6) コード スニペット、reactjs コード スニペット、es6/es7 用の React-native/react/redux スニペット、不正な文字のハイライト、色のハイライト、パスIntellisense、部分的な差分

WebStorm

WebStorm は、JetBrains が 15 年以上かけて開発、改良してきたオープンソース IntelliJ プラットフォーム上に構築されています。 VSC との緊密な統合、ローカル履歴機能、活気に満ちたプラグイン エコシステムを備え、完全に構成可能で、その他の多くの機能を提供します。 WebStorm は React と JSX の高度なサポートを提供し、React Native アプリケーションのコア コーディング支援を提供します。

公式 Web サイト: https://www.jetbrains.com/webstorm/

機能:

インテリジェントなコーディング支援

最新テクノロジーのサポート

バージョン管理システム

シームレスなツール統合

デバッグ、トレース、テスト

内蔵ターミナル

Sublime Text

Sublime Text はテキスト エディター (有料ソフトウェア。無期限に試用できますが、アクティブ化を求めるポップアップ ウィンドウが表示されます) であり、高度なコード エディターでもあります。 Sublime Text は、2008 年 1 月にプログラマーの Jon Skinner によって開発されました。元々は、豊富な拡張機能を備えた Vim として設計されました。

Sublime Text には、美しいユーザー インターフェイスと、コード サムネイル、Python プラグイン、コード スニペットなどの強力な機能が備わっています。キー バインド、メニュー、ツールバーもカスタマイズできます。 Sublime Text の主な機能には、スペル チェック、ブックマーク、完全な Python API、Goto 関数、インスタント プロジェクト切り替え、複数選択、マルチ ウィンドウなどが含まれます。 Sublime Text は、Windows、Linux、Mac OS X およびその他のオペレーティング システムをサポートするクロスプラットフォーム エディターです。

公式サイト: https://www.sublimetext.com/

機能:

Goto Anything機能

複数選択

コマンド ターミナル

気を散らさないモード

分割編集

インスタント プロジェクト スイッチ

プラグイン API

何でもカスタマイズ

クロスプラットフォーム

Sublime Text Common Package

babel-sublime - React JSX拡張機能を備えたES6 JavaScriptの構文定義。

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

Vim Editor

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

公式 Web サイト: http://www.vim.org/

機能:

永続的なマルチレベルの Undo ツリー

広範なプラグイン システム

数百のプログラミング言語とファイル形式をサポート

強力な検索および置換機能

多くのツールと統合する機能

Vim プラグイン

vim-jsx - JSX の構文の強調表示とインデントを提供します。

vim-react-snippets - Facebook の React ライブラリで使用する Vim 用に構築されたスニペットのセット。

vim-babel - Facebook の React ライブラリで使用する Vim 用に構築されたスニペットのセット。

Spacemacs エディタ

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

公式 Web サイト: http://spacemacs.org/

機能:

キー バインディングはニーモニック プレフィックスを使用して編成されています

Discoverable - 利用可能なキーバインドの革新的なリアルタイム表示。

同様の関数には同じキーがあります

シンプルなクエリ システムにより、利用可能なレイヤー、パッケージなどをすばやく見つけることができます。

コミュニティ主導の構成は、ユーザーが調整可能な強力なパッケージを提供するため、バグを迅速に修正できます。

拡張機能

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

TextMate エディタ

TextMate は IDE ではありませんが、強力なスニペット、マクロ、および独自のスコープ システムを使用することで、多くの場合、プログラミング言語固有の IDE も提供できます。機能が欠けています。 React は JSX を直接サポートしていませんが、以下のプラグインを使用すると、ほとんどの React コードのベースとなっている JSX のサポートを簡単に取得できます。

公式サイト: https://macromates.com/

特徴:

CSSセレクターで操作範囲や設定を決定可能

クイック概要とナビゲーション ポップアップ

お気に入りのスクリプト言語をプラグインとして統合

#ドキュメントからシェル コマンドを実行

#コードの強調表示

Xcode と連携し、Xcode プロジェクトを構築します

Plugin

javascript-jsx.tmbundle - JSX (React) 用の Textmate バンドル。構文の強調表示は現在サポートされています。

以上がReact を書くにはどのエディタを使用すればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。