Welche HTML-Bearbeitungssoftware gibt es?

HTML-Bearbeitungssoftware umfasst: Nuclide, Atom, Sublime Text, Visual Studio Code, Vim-Editor, GNU Emacs-Editor, Spacemacs-Editor, Deco IDE, WebStorm, TextMate-Editor usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Es gibt viele Editoren für Entwicklungsarbeiten auf dem Markt. Ich habe oft das Gefühl, einen nützlichen Editor für verschiedene Programmiersprachen auszuwählen. Während der anschließenden Entwicklung von React Native habe ich die entsprechenden Editoren erkundet und recherchiert. Dieser Artikel fasst einige Editoren und IDEs zusammen, die sich sehr gut für die Entwicklung mobiler Anwendungen eignen. 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
Nuclide basiert auf Atom Build Ein einzelnes Paket, 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 :

• Einrichtung: 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
• Mehrfachfenster
• 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 häufig verwendete Pakete:

• 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 mit integrierten React-Native-Komponenten, die SASS und SCSS unterstützen. 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 JavaScript-Versionen, einschließlich ES2016 und ESNext, JSX-Syntax für Facebook React und Etch für Atom.

Empfohlenes Tutorial: „HTML-Video-Tutorial“

3. Sublime Text

• Offizielle Website: https://www.sublimetext.com/
• Github-Projektadresse: SublimeText (https://github.com/SublimeText)
• Dokumentation:
  
  • Einstellungen: 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: Kostenloser Download und Testversion, Sie müssen eine kaufen Lizenz zur weiteren Nutzung.
• 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, Linux und OS X entwickelt Quellcode-Editor. 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 Rückgängig-Baum
  • Umfangreiches Plug-in-System
  • Unterstützt Hunderte von Programmiersprachen und Dateiformaten
  • Leistungsstarke Such- und Ersetzungsfunktionen
  • Integriert in viele Tools

Vim ist ein hochgradig konfigurierbarer Texteditor, der jede Art von Text sehr effizient erstellen und ändern kann. 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 entwickelt sich ständig weiter, 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:
  
  • 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, geeignet 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.

Erweiterung

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

offizielle Website: http://spacemacs.org/

github-Projekt Adresse: SYL20BNR/Spacemacs (https://github.com/syl20bnr /spacemacs)

Dokument:
• Offizielles Dokument: http://spacemacs.org/doc/DOCUMENTATION.html
• 
  
  Lizenz: Open Source
  • Unterstützte Plattformen: Windows, Mac, Linux
Funktionen:
• Tastenkombinationen werden mithilfe organisiert mnemonische Präfixe
• Discoverable – Innovative Echtzeitanzeige verfügbarer 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. Deko-IDE

• Offizielle Website: https://www.decosoftware.com/
• Github-Projektadresse: decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
• Dokumente:
  
  • Offizielle Dokumente : https://www.decosoftware.com/docs
• Unterstützte Plattformen: Mac (nur iOS)
• Lizenz: Open Source
• Funktionen:
  
  • Komponentensuche und -einfügung
  • Echtzeitanpassungen
  • Neu Dateihalter

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 .com/webstorm/documentation/

Verwendung externer Tools: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/Lizenz: Gebühren (ein einzelner Benutzer muss 129 bezahlen für das erste Jahr USD)

Unterstützte Plattformen: Windows, Mac, Linux Funktionen:

Intelligente Codierungsunterstützung

• Unterstützt die neuesten Technologien
• Versionskontrollsystem
  
  Nahtlose Tool-Integration
  • Debuggen, Nachverfolgen und Testen
  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, 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.

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
  • Ja Integrieren Sie Ihre bevorzugten Skripte Sprache als Plugin
  • Shell-Befehle aus Dokumenten ausführen
  • Code-Hervorhebung
  • Arbeiten mit Es bietet häufig Funktionen, 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 Programmierkenntnisse finden Sie unter:
Programmiervideo
• ! !

Das obige ist der detaillierte Inhalt vonWelche HTML-Bearbeitungssoftware gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!