Zu den Tools zum Bearbeiten von React Native gehören: Atom, Sublime Text, Visual Studio Code, WebStorm, Nuclide, Deco IDE (speziell für React Native entwickelte IDE), GNU Emacs Editor usw.
Sie können reagierende native Entwicklungstools bearbeiten : Atom ( https://github.com/atom)
Dokumentation:
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- Erstellt -In-Paketmanager
- Intelligente automatische Vervollständigung
DateisystembrowserMehrere Bereiche
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.
2:
- Setup: https://www.sublimetext.com/docs/3/
- SublimeText für React Native: https://zaicheng.me/2016/06/20/react-native- Ersteinrichtung/
-
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. 3. Visual Studio Code: https://code.visualstudio.com/ / vscode)
- Dokumentation:
-
- Setup: 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 ist ein von Microsoft entwickelter Quellcode-Editor für Windows, Linux und OS X. 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
4, WebStorm
Offizielle Website: https://www.jetbrains.com/webstorm/
- Dokumentation:
-
Offizielle Dokumentation: https://www. jetbrains.com/webstorm/documentation/
- Verwendung externer Tools: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
-
Lizenz: Kostenpflichtig (Einzelbenutzer für die erste Version erforderlich Jahr (Zahlen Sie 129 $)
- Unterstützte Plattformen: Windows, Mac, Linux
- Funktionen:
-
Intelligente Codierungsunterstützung
- Unterstützt die neuesten Technologien
- Versionskontrollsystem
- Nahtlose Tool-Integration
- Debugging, Tracing und Testen
- Erstellt -in 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, verfügt über 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. 5, 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 Programmierbarkeit und hat eine sehr aktive Community. Es bietet eine erstklassige Entwicklungsumgebung für React Native-, Hack- und Flow-Projekte. 6. Deco-IDE /deco-ide)
Dokumentation:
- Offizielle Dokumentation: https://www.decosoftware.com/docs
-
- Unterstützte Plattformen: Mac (nur iOS)
Lizenz: Open Source - Funktionen:
-
Komponentensuche und -einfügung
- Anpassungen in Echtzeit
- 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.
-
- 7, GNU Emacs-Editor
-
-
Offizielle Website: https://www.gnu.org/software/emacs/Dokumentation: Offizielle Dokumentation: https://www. gnu.org/software/emacs/documentation.htmlErsteinrichtung 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).
Weitere Kenntnisse zum Thema Programmierung finden Sie auf: Website zum Programmierenlernen! !
Das obige ist der detaillierte Inhalt vonWomit kann React Native bearbeitet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!