Ein Blick in: SublimeLinter 3

In einem früheren Beitrag haben wir Ihnen gezeigt, wie Sie mit SublimeLinter mögliche Codefehler und Fehler in SublimeText finden. Leider, wie einer unserer Leser auch darauf hingewiesen hat, funktioniert es in Sublime Text 3 nicht.

Sublime Text 3 führte einen neuen API- Satz ein, der zeigt, wie ein Plugin funktionieren sollte, was wahrscheinlich die Fähigkeiten von SublimeLinters beeinflusst hat. Der Entwickler hat seitdem das Plugin neu geschrieben und das Neuschreiben freigegeben. Schauen wir uns SublimeLinter 3 an und was es zu bieten hat.

Anfangen

Der einfachste Weg, um SublimeLinter 3 zu installieren, ist die Paketkontrolle. Im Gegensatz zur vorherigen Version, die alle verfügbaren Linters bündelt, trennt SublimeLinter 3 sie jedoch. Dadurch können wir Linters nur für Sprachen installieren, die wir häufig verwenden.

Das bedeutet, wenn Sie einen Fehler in Ihrem Code gemacht haben, wird nichts passieren, es sei denn, Sie installieren den Linter, mit dem Sie die Fehler melden können.

Da ich die meiste Zeit HTML, CSS, JS und PHP in meinen Projekten verwende, möchte ich Linters für diese Sprachen installieren. Im Package Control installiere ich SublimeLinter 3 zusammen mit den folgenden Plugins:

• SublimeLinter-html-ordentlich
• SublimeLinter-CSSLINT
• SublimeLinter-jshint
• SublimeLinter-php

Damit diese Plugins funktionieren, müssen wir auch den linter für die Sprachen HTML Tidy, CSSLint, JSHint und PHP CLI installieren.

Für diejenigen unter Ihnen, die OSX verwenden, sind Tidy und PHP im System vorinstalliert. Führen Sie zur Überprüfung die folgenden beiden Befehle nacheinander aus.

 ordentlich --version php --version 

Diese Befehle zeigen Ihnen die Tidy- und PHP-Version, die Sie haben. Sie können fortfahren, sie in Sublime Text zu verwenden.

Wenn Sie Windows oder Linux verwenden oder diese nicht installiert haben, folgen Sie den Anweisungen unten.

Installieren von HTML Tidy

So installieren Sie HTML Tidy:

• In OSX, führe diesen Befehl in Terminal brew install homebrew/dupes/tidy
• Verwenden Sie in Linux diesen Befehl sudo apt-get install tidy .
• In Windows können Sie das EXE-Installationsprogramm von TidyBatchFiles abrufen.

Installieren von PHP CLI

• OSX-Benutzer können PHP mit curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 im System installieren curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 Befehl. Dies wird zum Zeitpunkt des Schreibens PHP 5.5, die neueste Version, installieren.
• Linux- Benutzer können dieses umfassende Tutorial von DigitalOcean folgen.
• Für Windows-Benutzer können Sie das Installationsprogramm hier herunterladen.

Installieren von CSSLint

Als nächstes installieren wir CSSLint. Die folgende Anweisung kann in allen drei Plattformen verfolgt werden: OSX, Windows und Linux.

Installieren Sie zuerst Node.js. Führen Sie dann den folgenden Befehl aus.

 npm install -g csslint 

Installation von JSHint

Wir können JSHint auch mit Node.js installieren. Hier ist der Befehl.

 npm install -g jshint 

Und wir sind bereit. Wir können HTML, CSS, JS und PHP in SublimeText mit SublimeLinter 3 beginnen.

Neue Funktionen in SublimeLinter 3

SublimeLinter 3 bringt einige neue Funktionen, und eine, die ich wirklich nützlich fand, ist die Fähigkeit, schnell durch Fehler zu navigieren .

Navigieren Sie durch Fehler

Wenn Sie sich im Mac befinden, drücken Sie Befehl + Strg + A. In Windows und Linux können Sie Strg + K, Strg + A drücken.

Der Hotkey zeigt eine Liste von Fehlern, wie im folgenden Screenshot gezeigt.

Verwenden Sie die Tasten ↑ und ↓, um durch die Liste zu navigieren, und die Seite scrollt zu der genauen Zeile, in der der Fehler aufgetreten ist.

Verschiedene Markenstile

Außerdem können Sie für die Fehler unterschiedliche Markierungsstile auswählen . SublimeLinter 3 bietet 5 Stile, wie unten gezeigt:

Füllen

Gliederung

Durchgezogene Unterstreichung

Squiggly Unterstreichen

Gestrichelte Unterstreichung

Um diesen Stil auszuwählen, öffnen Sie Befehl Pallete - (Mac) Befehl + Umschalt + P, (Win / Linux) Strg + Umschalt + P. Suchen Sie dann und wählen Sie SublimeLinter: Choose Mark Style . Wählen Sie den gewünschten Stil.

Alternativ können Sie es auch in der Einstellungsdatei angeben. Gehen Sie zu Einstellungen> Paketeinstellungen> SublimeLinter> Einstellung - Benutzer . Fügen Sie dann diese Zeile unten hinzu.

 "mark_style": "füllen" 

Weitere Referenz

• SublimeLinter 3 Offizielles Dok.
• Lint in Software und Programmierung - WikiPedia
• SublimeLinter-Repositories

30 Adorable Halloween Mobile Wallpapers zum Download

Suchen Sie nach Halloween-Tapeten, um Ihre Bildschirme Ende Oktober zu verfolgen? Nun, schade, denn wir haben diesmal nur bezaubernde Halloween-Wallpaper, die wir mit euch teilen können.Finde süße Ghouls, schwarze Katzen, großäugige Fledermäuse, gemütliche Spinnweben, lächelnde Schädel und Skelette, Hexen, Eulen, Mumien, Monster und mehr. Feuere

(Tech- und Design-Tipps)

10 Websites, um nützliche Photoshop-Aktionen zu erhalten

Photoshop-Aktionen können ein brillantes zeitsparendes Werkzeug sein, besonders wenn man die gleichen Einstellungen in einer großen Anzahl von Bildern in schneller Folge bearbeiten und anwenden muss . Mit Photoshop-Aktionen können Sie beispielsweise Portraits retuschieren, Fotos in Schwarzweiß umwandeln und das Aussehen eines Bildes dramatisch verändern, indem Sie es scharf, glatt, verträumt oder grungy machen.Aktio

(Tech- und Design-Tipps)