Welcher Editor unterstützt React?

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.

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
  
  Dateisystembrowser
  Raster mit mehreren Fenstern
  • 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.
Häufig verwendete Pakete für Atom:

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/

  SublimeText für die React-JSX-Entwicklung einrichten: (http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)
  • Unterstützte Plattformen: Windows, Mac, Linux
Lizenz: Sie können es kostenlos herunterladen und testen. Sie müssen eine Lizenz erwerben, um es weiterhin verwenden zu können.

• Funktionen:

• Goto Anything-Funktion
• Mehrfachauswahl
  
  Befehlsterminal
  • 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.

Gemeinsame Sublime Text-Pakete
• 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
Lizenz: Open Source

• 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 ist ein hochgradig konfigurierbarer Texteditor, der sehr effizient erstellt werden kann und jede Art von Text ändern. Die meisten UNIX-Systeme unterstützen es in der Form „vi“. Viele Entwickler nutzen Vim gerne für verschiedene Bearbeitungsaufgaben. Vim ist sehr stabil und wird ständig weiterentwickelt, um besser zu werden.

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.
GNU EMACS ist ein erweiterbarer, anpassbarer, kostenloser und freier Texteditor.

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!