Een kijkje in: SublimeLinter 3

In een vorige post hebben we je laten zien hoe je potentiële codefouten en bugs kunt vinden in SublimeText met SublimeLinter. Helaas, zoals een van onze lezers ook al zei, het werkt niet in Sublime Text 3.

Sublime Text 3 introduceerde een nieuwe set API over hoe een plug-in zou moeten werken, wat waarschijnlijk de SublimeLinters-vaardigheden heeft beïnvloed. De ontwikkelaar heeft sindsdien de plug-in herschreven en de herschrijving vrijgegeven. Laten we eens kijken naar SublimeLinter 3 en wat het te bieden heeft.

Ermee beginnen

De eenvoudigste manier om SublimeLinter 3 te installeren is via Pakketbesturing. In tegenstelling tot de vorige versie die alle beschikbare linters bundelt, scheidt SublimeLinter 3 ze echter van elkaar. Hierdoor kunnen we alleen linters installeren voor talen die we vaak gebruiken.

Dit betekent dat wanneer u een fout heeft gemaakt in uw code, er niets zal gebeuren tenzij u de linter installeert waarmee u de fouten kunt melden.

Aangezien ik meestal HTML, CSS, JS en PHP in mijn projecten gebruik, wil ik linters voor deze talen installeren. In Package Control installeer ik SublimeLinter 3 samen met de volgende plug-ins:

• SublimeLinter-html-opgeruimd
• SublimeLinter-csslint
• SublimeLinter-jshint
• SublimeLinter-php

Om die plug-ins te laten werken, moeten we ook de linter voor de talen installeren, namelijk HTML Tidy, CSSLint, JSHint en PHP CLI.

Voor degenen onder u die OSX gebruiken, zijn Tidy en PHP vooraf geïnstalleerd in het systeem. Voer de volgende twee opdrachten achter elkaar uit om te controleren.

 tidy --version php --version 

Deze commando's tonen je de Tidy en PHP versie die je hebt. Je kunt ze gebruiken in Sublime-tekst.

Als u Windows of Linux gebruikt of deze niet hebt geïnstalleerd, volgt u de onderstaande instructies.

HTML Tidy installeren

Om HTML Tidy te installeren:

• Voer in OSX deze opdracht uit in Terminal brew install homebrew/dupes/tidy
• Gebruik in Linux deze opdracht sudo apt-get install tidy .
• In Windows kunt u het EXE-installatieprogramma van TidyBatchFiles pakken.

Installeren van PHP CLI

• OSX-gebruikers kunnen PHP in het systeem installeren met curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 commando. Hiermee wordt PHP 5.5 geïnstalleerd, de nieuwste versie, op het moment van schrijven.
• Linux- gebruikers kunnen deze uitgebreide tutorial van DigitalOcean volgen.
• Voor Windows-gebruikers kunt u het installatieprogramma hier downloaden.

CSSLint installeren

Vervolgens zullen we CSSLint installeren. De volgende instructie kan worden gevolgd op alle drie platforms: OSX, Windows en Linux.

Installeer eerst Node.js. Voer vervolgens de volgende opdracht uit.

 npm install -g csslint 

JSHint installeren

We kunnen JSHint ook met Node.js installeren. Hier is het bevel.

 npm install -g jshint 

En we zijn er helemaal klaar voor. We kunnen beginnen met het verspinnen van HTML, CSS, JS en PHP in SublimeText met SublimeLinter 3.

Nieuwe functies in SublimeLinter 3

SublimeLinter 3 biedt verschillende nieuwe functies en een die ik erg handig vond, is de mogelijkheid snel door fouten te navigeren .

Navigeer door fouten

Als je Mac gebruikt, druk je op Command + Ctrl + A. In Windows en Linux kun je op Ctrl + K, Ctrl + A drukken.

De sneltoets geeft een lijst met fouten weer, zoals weergegeven in de volgende schermafbeelding.

Gebruik de ↑ en ↓ om door de lijst te navigeren en de pagina zal naar de exacte regel scrollen waar de fout is opgetreden.

Verschillende markeerstijlen

Bovendien kunt u ook verschillende markeringen voor de fouten selecteren. SublimeLinter 3 biedt 5 stijlen, zoals hieronder getoond:

Vullen

schets

Solid Underline

Squiggly onderstrepen

Gestippeld onderstrepen

Als u deze stijl wilt selecteren, opent u Command Pallete - (Mac) Command + Shift + P, (Win / Linux) Ctrl + Shift + P. Selecteer SublimeLinter: Choose Mark Style en selecteer SublimeLinter: Choose Mark Style . Selecteer de stijl van uw voorkeur.

Als alternatief kunt u het ook opgeven in het instellingenbestand. Ga naar Voorkeuren> Pakketinstellingen> SublimeLinter> Instellingen - Gebruikers . Voeg vervolgens deze regel hieronder toe.

 "mark_style": "vullen" 

Verdere referentie

• SublimeLinter 3 Official Doc.
• Lint in software en programmeren - WikiPedia
• SublimeLinter-bibliotheken

10 manieren om uw Facebook-feed beter te beheren

Facebook zit vol met alles waar je zin in hebt. Als je geen foto's van de 3 maaltijden per dag van je vriend wilt zien, kun je deze verbergen. Als je grappige video's wilt, kun je die specifieke pagina volgen. Bewaar de materialen die er toe doen, en gooi degenen die dat niet doen . Je hoeft geen slachtoffer te zijn van overdelen of jaloezie op Facebook veroorzaakt

(Technische en ontwerptips)

20 galerieën en dia's met responsieve afbeeldingen (2018)

Als uw website beeldintensief is, dat wil zeggen een portfolio of een website met foto's enz., Dan zijn er twee dingen die u het meest nodig zult hebben: plug-ins voor fotogalerijen om u te helpen de afbeeldingen op uw website beter te beheren en afbeeldingen te tonen om uw beelden naar de wereld

(Technische en ontwerptips)