Umfassender Vergleich und Bewertung des Vue-Code-Hervorhebungs-Plugins

Umfassender Vergleich

Aus der Perspektive der aktiven

Aus funktionaler Sicht

Die Hervorhebung des Codes ist ein Muss und die Community muss aktiv sein, sonst wird das Beheben von Fehlern ohne Referenz zu zeitaufwändig. Funktionen wie automatische Einrückungsvervollständigung, Tastenkombinationen, Suchen und Ersetzen sind nicht erforderlich. Wenn sie verfügbar sind, wäre es am besten, wenn Sie sie zum Angeben verwenden könnten, aber wenn sie nicht verfügbar sind, hat dies keine Auswirkungen auf die Verwendung.

Daher habe ich die folgenden ausgewählt, sie im Detail analysiert, sie einzeln untersucht und die Fallstricke bei der nachfolgenden Entwicklung und Bereitstellung überprüft. Ich habe diejenigen mit weniger Fallstricken und Komfort ausgewählt.

Detaillierter Vergleich

1. Ass

Ace ist ein einbettbarer Code-Editor, der in JavaScript geschrieben ist. Es entspricht der Leistung und Performance nativer Editoren wie Sublime, Vim und TextMate. Es kann problemlos in jede Webseite und JavaScript-Anwendung eingebettet werden.

Klicken Sie hier, um die offizielle Website anzuzeigen

2. Codespiegel

CodeMirror ist ein JavaScript-Plugin zum Hervorheben von Code im Textbereich des Editors. Es kann Schlüsselwörter, Funktionen, Variablen usw. für verschiedene Programmiersprachen hervorheben. Es verfügt über umfangreiche APIs, erweiterbare Funktionen und mehrere Designstile, um den Anforderungen verschiedener Projekte gerecht zu werden.

CodeMirror unterstützt Syntaxhervorhebung für eine große Anzahl von Sprachen, darunter C, C++, C#, Java, Perl, PHP, JavaScript, Python, Lua, Go, Groovy, Ruby usw. sowie Dateiformate wie Diff, LaTeX, SQL, Wiki, Markdown usw. Darüber hinaus unterstützt CodeMirror auch die automatische Codevervollständigung, Suchen/Ersetzen, HTML-Vorschau, Zeilennummer, Hervorhebung von Auswahl-/Suchergebnissen, visuelle Tabs, Emacs/VIM-Tastenkombinationen, automatische Codeformatierung usw.

CodeMirror übernimmt die Open-Source-Lizenzvereinbarung des MIT und wurde in verschiedene Anwendungen wie Adobe Brackets, CoDev, Light Table und andere Entwicklungsumgebungen integriert. Es wird auch als Basisbibliothek verschiedener SQL-, Haxe- und JavaScript-Online-Editoren verwendet.

Klicken Sie hier, um die offizielle Website anzuzeigen

3. Monaco

Monaco Editor ist ein Code-Editor, der VS Code unterstützt und in einer Browserumgebung ausgeführt wird. Der Editor bietet Codehinweise, intelligente Vorschläge und andere Funktionen. Entwickler können Code damit bequemer aus der Ferne schreiben. Der Monaco-Editor wird von mobilen Browsern oder mobilen Web-Frameworks nicht unterstützt. Das einfache Verständnis ist, dass der Code-Editor in VSCode und Monaco Editor viele der gleichen Kernmodule verwenden.

4. Fazit

Im Allgemeinen sind die Funktionen dieser drei recht leistungsstark, wählen Sie also je nach ihren Schwächen eine aus.

Ace, es gibt keine Codevergleichsfunktion, das ist nicht gut, wir müssen die Unterschiede zwischen den Codes der einzelnen Versionen vergleichen, also scheidet das aus. (Ich habe gesucht und ein Plug-In namens ace-diff gefunden, mit dem Codeunterschiede verglichen werden können. Der Hauptgrund für das Scheitern der Bereitstellung von ace war, dass es keine Webpack-Verpackung unterstützte. Nachdem ace lokal erstellt wurde, half uns ein kleiner Worker beim Rendern des Inhalts. Nach der Webpack-Verpackung wurde es zu einer vollständig statischen Ressource und der dynamische Rendering-Effekt war verschwunden. Obwohl es laut der offiziellen Website unterstützt wurde, probierte ein Blogger viele Methoden aus und alle endeten erfolglos.)

Codemirror hat schlechte Benutzerinteraktionseffekte und viele Dinge müssen von Ihnen selbst erweitert werden, um seine Effekte zu erzielen. Das Erlernen dieser Erweiterungen wird definitiv Zeit in Anspruch nehmen und zu Fehlern führen. Die Methode zum Einführen mehrerer Dateien bringt bestimmte Verwaltungsprobleme mit sich und beeinträchtigt die Netzwerkleistung des Browsers.

Monaco, Microsoft VSCode verwendet viele Kernmodule gemeinsam mit ihm. Mit ausgereiften und zuverlässigen Produkten ist die Benutzerinteraktionslogik die beste, das native Visual Studio-Design und der Codeunterschiedsvergleichseffekt sind ebenfalls die besten. Die Menge der importierten Dateien ist riesig. Ich habe nachgeschaut und es sind ungefähr 70 MB. Die Importmethode ist nicht sehr kompatibel und die Verpackung ist anfällig für Probleme (die meisten Probleme können durch die Verpackung mit dem Plug-In monaco-editor-webpack-plugin gelöst werden). Der Monaco-Editor wird von mobilen Browsern oder mobilen Web-Frameworks nicht unterstützt. Es gibt wirklich nur wenige Demos, nicht einmal auf der offiziellen Website. Die offizielle Website sieht sehr gut aus und enthält ein englisches Nachschlagewerk, das sich wie ein englisches Wörterbuch anfühlt. Es listet eine Reihe von Attributen dicht auf, aber ich weiß nicht, wo ich anfangen soll und wie ich sie zu einer Demo zusammenfügen soll.

Oben finden Sie den ausführlichen Inhalt des umfassenden Vergleichs und der Bewertung des Vue-Code-Hervorhebungs-Plugins. Weitere Informationen zum Vue-Code-Hervorhebungs-Plugin finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!