{"id":253725,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/erhabene-text-plugins-fuer-javascript-entwickler\/"},"modified":"2023-09-07T10:55:00","modified_gmt":"2023-09-07T07:55:00","slug":"erhabene-text-plugins-fuer-javascript-entwickler","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/erhabene-text-plugins-fuer-javascript-entwickler\/","title":{"rendered":"Erhabene Text-Plugins f\u00fcr JavaScript-Entwickler"},"content":{"rendered":"

\n Der Sublime-Texteditor<\/strong> ist in der Entwicklergemeinschaft (sowohl Anf\u00e4nger als auch Profis) ein ziemlich bekannter Name. Es wurde mit plattform\u00fcbergreifender Unterst\u00fctzung zum Bearbeiten von Quellcode und Text entwickelt.\n<\/p>\n

\n Obwohl sich die aktuelle Version (Sublime Text 3) im Beta-Stadium befindet, ist sie schneller als Version 2 und bietet viele Funktionen. Es unterst\u00fctzt nativ eine Vielzahl von Programmier- und Auszeichnungssprachen, und von der Community erstellte, kostenlose Sublime-Texteditor-Plugins<\/strong> haben seine Funktionalit\u00e4t auf eine neue H\u00f6he gebracht.\n<\/p>\n

\n Viele Entwickler halten sich an diesen Editor wegen des riesigen Repositorys von Plugins. In diesem Artikel konzentrieren wir uns auf einige der Plugins, die f\u00fcr JavaScript-Entwickler am n\u00fctzlichsten sind.\n<\/p>\n

\n Fusseln\n<\/p>\n

\n Linting-Tools helfen Entwicklern, Fehler, syntaktische Diskrepanzen und potenzielle Probleme zu erkennen. Es kann auch verwendet werden, um sicherzustellen, dass das Projekt einer bestimmten Kodierungsrichtlinie entspricht.\n<\/p>\n

\n SublimeLinter-eslint<\/a>
\n<\/h5>\n

\n Es unterst\u00fctzt die Sublime Text 3-Version und bietet eine Schnittstelle zu ESLint<\/a>, um mit Dateien mit \u201eJavaScript“-Syntax zu arbeiten. SublimeLinter 3, Node.js, npm und eslint sind die Voraussetzung f\u00fcr die Installation dieses Plugins. Es umfasst eine F\u00fclle von Regeln mit Optionen zur Anpassung Sie erhalten eine genaue Option, um in die Konfigurationsdatei zu schreiben, um alle Warnungen und Fehler auszuschalten.Eine wichtige Sache, die hier zu beachten ist, ist, dass dieses Plugin das einzige ist, das JSX unterst\u00fctzt, und die Unterst\u00fctzung f\u00fcr ES6 ist weitaus gr\u00f6\u00dfer \u00fcberlegen im Vergleich zu anderen Plugins.\n<\/p>\n

\n Verwendung<\/strong>: Abh\u00e4ngig von der SublimeLinter-Konfiguration wird der Code beim Bearbeiten oder Speichern lintiert. Dies kann mit Choose Lint Mode<\/code>dem Befehl konfiguriert werden.\n<\/p>\n

\n Sublime-JSHint<\/a>
\n<\/h5>\n

\n Das JSHint Gutter-Plugin ist sowohl mit Sublime Text 2 als auch 3 kompatibel. Erm\u00f6glicht Entwicklern, JavaScript-Code auf schreckliche Fehler und Codierungskonventionen zu \u00fcberpr\u00fcfen. Dieses Plugin kann auch so konfiguriert werden, dass es Hinweise in der Rinne anzeigt und reibungslos mit projektspezifischen .jshintrc-Dateien funktioniert. Es basiert auf JSHint, einem Fork von JSLint. Da der Linter in JavaScript geschrieben ist, muss Node.js den JavaScript-Code au\u00dferhalb des Browsers interpretieren.\n<\/p>\n

\n Verwendung<\/strong>: Ctrl+alt+J<\/code>f\u00fcr Windows oder Cmd+Option+J<\/code>wenn Sie einen Mac verwenden. Sie k\u00f6nnen auch mit der rechten Maustaste klicken, JSHint ausw\u00e4hlen und auf klicken Lint Code<\/code>. Eine andere M\u00f6glichkeit besteht darin, eine JavaScript-Datei zu \u00f6ffnen, die Konsole in Sublime Text from View zu \u00f6ffnen, dann Console anzuzeigen und view.run_command(\"jshint\")<\/code>. Es wird empfohlen, daf\u00fcr eine eigene Tastenkombination einzurichten, indem Sie zu Einstellungen -> Tastenkombinationen \u2013 Benutzer gehen und einen Befehl wie { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>in diesem Array hinzuf\u00fcgen.\n<\/p>\n

\n Formatierung
\n<\/h3>\n

\n Formatierungswerkzeuge werden verwendet, um die Codebl\u00f6cke zu versch\u00f6nern und zu formatieren, um sie besser lesbar zu machen.\n<\/p>\n

\n Sublime-jsfmt<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Dieses Plugin unterst\u00fctzt beide Versionen von Sublime Text und formatiert JavaScript-Code automatisch gem\u00e4\u00df einem bestimmten Stil. Der Entwickler muss keine Warnungen lesen und das Formatierungsproblem nicht manuell beheben. In kann \u00fcber den Paketmanager installiert werden, indem Sie jsfmt<\/code>im Dropdown-Men\u00fc ausw\u00e4hlen.\n<\/p>\n

\n Verwendung<\/strong>: Projektspezifische .jsfmtrc-Datei kann f\u00fcr Konfigurationen im Stammverzeichnis des Projekts abgelegt werden. Es kann \u00fcber den folgenden Pfad aufgerufen werden: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Abgesehen davon gibt es eine M\u00f6glichkeit, Tastaturk\u00fcrzel einzurichten, indem Sie zu Einstellungen -> Tastenkombinationen \u2013 Benutzer gehen und { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>das Array hinzuf\u00fcgen.\n<\/p>\n

\n JsFormat<\/a>
\n<\/h5>\n

\n Es unterst\u00fctzt beide Versionen von Sublime Text. Dieses JavaScript-Formatierungs-Plugin verwendet den Befehlszeilenformatierer von jbeautifier<\/a> im Hintergrund, um die gesamte js-, json-Datei oder nur den ausgew\u00e4hlten Teil einer Datei zu formatieren. Eine projektspezifische Konfiguration kann auch \u00fcber die Einstellungen der .jsbeautifyrc-Datei vorgenommen werden. Abgesehen davon sind auch Leerraum- und Formatierungsstile anpassbar.\n<\/p>\n

\n Verwendung<\/strong>: Die Standard-Tastenzuordnung gilt ctrl+alt+f<\/code>f\u00fcr Windows und cmd+option+f<\/code>Mac. Plugin verwendet verwendet Tabulator-\/Einzugseinstellungen, die mit den Standard- translate_tabs_to_spaces<\/code>und tab_size<\/code>Sublime-Einstellungen konfiguriert sind.\n<\/p>\n

\n Code-Analyse
\n<\/h3>\n

\n Dies sind die Code-Inferenz-Engines, die zur Beschleunigung des Entwicklungsprozesses verwendet werden, indem sie automatische Code-Vervollst\u00e4ndigung, Hinweise zu Funktionsargumenten usw. bereitstellen.\n<\/p>\n

\n Seeschwalbe f\u00fcr erhaben<\/a>
\n<\/h5>\n

\n Dieses Codeanalyse-Plug-in f\u00fcr JavaScript wurde f\u00fcr die Integration mit Code-Editoren f\u00fcr eine intelligente JavaScript-Bearbeitung entwickelt. Es kommt mit einigen raffinierten Funktionen wie:\n<\/p>\n