Heim > Web-Frontend > js-Tutorial > Hauptteil

Womit kann React Native bearbeitet werden?

青灯夜游
Freigeben: 2020-11-25 10:11:53
Original
2665 Leute haben es durchsucht

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.

Womit kann React Native bearbeitet werden?

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
  • Dateisystembrowser
  • Mehrere 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage