Welcher Editor unterstützt React?-js-Tutorial-php.cn

Editoren, die React unterstützen: Nuclide, Atom, Sublime Text, Visual Studio Code, WebStorm, Vim-Editor, GNU Emacs-Editor, Spacemacs-Editor, Deco IDE, TextMate-Editor usw.

Welcher Editor unterstützt React?

react Editor 1. Nuclide Dokumentation:

Setup: https://nuclide.io/docs/editor/setup/Nuclide mit React Native: https://nuclide.io/docs/platforms/react-native/

Unterstützte Plattformen : Windows, Mac, Linux. Lizenz: Open Source basiert auf On top of Atom wurde als einzelnes Paket entwickelt, das Programmierbarkeit bietet und über eine sehr aktive Community verfügt. Es bietet eine erstklassige Entwicklungsumgebung für React Native-, Hack- und Flow-Projekte. Atom Setup: http://flight-manual.atom.io/

Atom mit React Native: https://blog.sendbird.com/tutorial-build-a-messaging-app-using-react-native/
Unterstützte Plattformen: Windows, Mac, Linux
- Lizenz: Open Source
- Funktionen:
Plattformübergreifende Bearbeitung
Eingebauter Paketmanager
Intelligente automatische Vervollständigung
- Suchen und Ersetzen
- Atom ist ein moderner, benutzerfreundlicher und steuerbarer Texteditor. Atom wird von Entwicklern in vielen Programmiersprachen häufig verwendet. Es verfügt über eine große und aktive Community, die viele nützliche Plug-Ins erstellt hat.

atom-react-native-autocomplete-Paket – Dieses Paket ist für React-Native und bietet eine automatische Vervollständigungsfunktion für den Atom-Editor. atom-react-native-css – Dies ist ein Paket für React-Native-Komponenten mit integrierter Unterstützung für SASS und SCSS. React-native-css konvertiert gültiges CSS, SASS in die Facebook-Teilmenge von CSS. react-native-snippets – Dieses Paket enthält React Native-Snippets für Atom und Nuclide.

zenchat-snippets – Es ist eine Sammlung von Snippets für React-Native, Redux und ES6.

atom-xcode – Zur Integration von Mac Xcode und Atom. Nach der Installation kann der iOS-Simulator innerhalb von Atom gesteuert werden.

Sprache-Babel – Enthält Syntax für alle Versionen von JavaScript, einschließlich ES2016 und ESNext, JSX-Syntax für Facebook React und Etch für Atom. 3. Sublime Text Dokumentation:
Setup: https://www.sublimetext.com/docs/3/
SublimeText für React Native: https://zaicheng.me/2016/06/20/react-native-initial-setup/
- Unterstützte Plattformen: Windows, Mac, Linux
Funktionen:
Goto Anything-Funktion
Mehrfachauswahl
- Ablenkungsfreier Modus
- Geteilte Bearbeitung
- Sofortiger Projektwechsel
- Plugin-API
- Alles anpassen.
- Plattformübergreifend

React Native einrichten: nitinh.com/2015/02/setting-sublime-text-react-jsx-development/

Sublime Text ist ein hochentwickelter Texteditor zum Codieren, Markieren und Schreiben von normalem Text. Die Community stellt eine große Anzahl von Plug-Ins zur Erweiterung ihrer Funktionalität zur Verfügung. Sublime Text war schon immer ein beliebter Editor unter Entwicklern.

react-native-snippets – Eine Sammlung von Snippets für Sublime Text für React Native
babel-sublime – Grammatikdefinitionen für ES6-JavaScript mit React JSX-Erweiterungen.
4. Visual Studio Code

Offizielle Website: https://code.visualstudio.com/
Github-Projektadresse: Microsoft/vscode(https://github.com/Microsoft/vscode)
Dokumentation:
- Einstellungen: https : //code.visualstudio.com/docs
- Entwickeln Sie React Native-Apps mit Visual Studio Code: https://blogs.msdn.microsoft.com/visualstudio/2016/02/22/develop-reactnative-apps-in-visual - Studio-Code/
Unterstützte Plattformen: Windows, Mac, Linux
Funktionen:
- Eingebaute Git-Befehle
- Erweiterbar und anpassbar

Visual Studio Code wird von Microsoft für Windows und Linux entwickelt und Betriebssystem-Quellcode-Editor für die X-Entwicklung. Es ist kostenlos und Open Source und unterstützt Debugging, eingebettete Git-Steuerelemente, Syntaxhervorhebung, intelligente Code-Vervollständigung, Code-Snippets und Code-Refactoring.

Erweiterung

ReactNative Tools – Diese Erweiterung bietet eine Entwicklungsumgebung für React Native-Projekte. Sie können Ihren Code debuggen, schnell „react-native“-Befehle über das Befehlsterminal ausführen und IntelliSense verwenden, um die Objekte, Funktionen und Parameter der React Native-API zu erkunden. Vim-Editor

5. Vim-Editor

Offizielle Website: http://www.vim.org/

Github-Projektadresse: vim/vim(https://github.com /vim/vim)
Dokumentation:
Vim-Dokumentation: http://www.vim.org/docs.php
- Einrichten von Vim für React-JSX: https://jaxbot.me/articles/setting -up-vim-for-react-js-jsx-02-03-2015
Unterstützte Plattformen: Mac, Linux
Funktionen:
Persistenter, mehrstufiger Undo-Baum
- Umfangreiches Plugin-System
- Unterstützt Hunderte von Programmiersprachen und Dateiformaten
- Leistungsstarke Such- und Ersetzungsfunktion
- Fähigkeit zur Integration in viele Tools

Vim-Plugin

vim-jsx – Bietet Syntaxhervorhebung und Einrückung für JSX.

vim-react-snippets – Eine Reihe von Snippets, die für Vim erstellt wurden und mit der React-Bibliothek von Facebook verwendet werden sollen.
vim-babel – Eine Reihe von Snippets, die für Vim erstellt wurden und mit der React-Bibliothek von Facebook verwendet werden können.

6. GNU Emacs Editor

Offizielle Website: https://www.gnu.org/software/emacs/

Dokumentation:
Offizielle Dokumentation: https://www .gnu.org/software/emacs/documentation.html
- Ersteinrichtung für React Native: http://www.cyrusinnovation.com/initial-emacs-setup-for-reactreactnative/
Lizenz: Befolgen Sie die GPL
Unterstützte Plattformen: Windows, Mac, Linux
Funktionen:
Inhaltsorientierter Bearbeitungsmodus, einschließlich Syntaxfärbung, für mehrere Dateitypen.
- Vollständige integrierte Dokumentation, einschließlich Tutorials für Anfänger.
- Unterstützt Unicode-Codierung für fast alle Skriptsprachen.
- Hochgradig anpassbar, verwenden Sie Emacs Lisp-Code oder eine grafische Oberfläche.
- Verfügt über ein Paketsystem zum Herunterladen und Installieren von Erweiterungen.

Erweiterungen

web-mode.el – Es ist ein autonomes Emacs-Hauptmodul zum Bearbeiten von Webvorlagen. Es ist mit vielen Sprachen kompatibel, einschließlich JSX (React). 7. Spacemacs-Editor

Dokumentation:

Offizielle Dokumentation: http://spacemacs.org/doc/DOCUMENTATION.html Lizenz: Open Source

Unterstützte Plattformen: Windows, Mac, Linux

Funktionen:

Schlüsselbindung Definitiv organisiert mit mnemonischen Präfixen
Auffindbar – Innovative Echtzeitanzeige der verfügbaren Tastenkombinationen.
Ähnliche Funktionen haben den gleichen Schlüssel
- Einfaches Abfragesystem zum schnellen Auffinden verfügbarer Layer, Pakete usw.
Die von der Community gesteuerte Konfiguration bietet leistungsstarke, vom Benutzer anpassbare Pakete, sodass Fehler schnell behoben werden können.
Spacemacs ist eine von der Community betriebene Emacs-Distribution – der beste Editor ist weder Emacs noch Vim, sondern Emacs und Vim zusammen!
Erweiterungen
- React-Schicht – ES6- und JSX-Konfigurationsschicht für React. Es erkennt automatisch .jsx- und .react.js-Dateien. Ein Wrapper für die React-Integration.
8. Deco IDE
- Offizielle Website: https://www.decosoftware.com/
- Github-Projektadresse: decosoftware/deco-ide(https://github.com/ decosoftware /deco-ide)
- Dokumentation:
  - Offizielle Dokumentation: https://www.decosoftware.com/docs
- Unterstützte Plattformen: Mac (nur iOS)
- Lizenz: Open Source
- Funktionen:
  - Komponentensuche und -einfügung
  - Echtzeitanpassungen
  - Neue Dateiklammern
Deco ist eine IDE, die speziell für React Native entwickelt wurde. Es handelt sich um eine Komplettlösung zum Schreiben von React Native-Anwendungen, die ohne Umgebungseinrichtung heruntergeladen und verwendet werden kann. Deco verbessert den React Native-Entwicklungsworkflow, indem es sich auf die Wiederverwendung von Komponenten konzentriert und es Benutzern ermöglicht, die Benutzeroberfläche in Echtzeit zu bearbeiten.

9. WebStorm
- Offizielle Website: https://www.jetbrains.com/webstorm/
- Dokumente:
  - Offizielle Dokumentation: https://www.jetbrains.com/ webstorm /documentation/
  - Verwendung externer Tools: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
- Lizenz: Gebühren (Einzelbenutzer 129 $ für das erste Jahr)
- Unterstützt Plattformen: Windows, Mac, Linux
- Funktionen:
  - Intelligente Codierungsunterstützung
  - Unterstützt die neueste Technologie
  - Versionskontrollsystem
  - Nahtlose Tool-Integration
  - Debugging, Nachverfolgung und Tests
  - Eingebautes Terminal
WebStorm basiert auf der Open-Source-IntelliJ-Plattform, die JetBrains seit über 15 Jahren entwickelt und verfeinert. Es bietet eine enge Integration mit VSC, lokale Verlaufsfunktionen, ein lebendiges Plugin-Ökosystem, ist vollständig konfigurierbar und bietet eine Vielzahl weiterer Funktionen. WebStorm bietet erweiterte Unterstützung für React und JSX und bietet grundlegende Codierungsunterstützung für React Native-Anwendungen.

10. TextMate Editor
- Offizielle Website: https://macromates.com/
- Dokumente:
  - Offizielle Dokumentation: http://manual.macromates.com/en/
- Lizenz: Kostenpflichtig (Einzelbenutzerlizenz kostet 48,75 €)
- Unterstützte Plattformen: Mac
- Funktionen:
  - CSS-Auswahl zum Umfang von Aktionen und Einstellungen
  - Schnellübersicht und Navigations-Popup
  - für den Einstieg Favorit Als Plugins integrierte Skriptsprachen.
  - Shell-Befehle aus Dokumenten ausführen System, das häufig Funktionen bietet, die selbst programmiersprachenspezifischen IDEs fehlen. React unterstützt es nicht direkt, aber mit Hilfe des unten stehenden Plugins ist es einfach, Unterstützung für JSX zu erhalten, auf dem der meiste React-Code basiert.
  - Plugin
  - javascript-jsx.tmbundle – Textmate Bundle für JSX (React). Syntaxhervorhebung wird derzeit unterstützt.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
Programmiervideokurse
! !

Das obige ist der detaillierte Inhalt vonWelcher Editor unterstützt React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!