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

Krijg gepubliceerd (deel 3): uw berichten publiceren na publicatie

Ben je klaar met je artikel? Heb je het nog wat laten bewerken, herschrijven en bewerken voordat je toestemming kreeg voor publicatie? Super goed! Dat is het goede nieuws.Het slechte nieuws is dat je werk daar niet stopt . "Wat bedoel je dat mijn werk daar niet stopt?", Protesteer je. "Schrijft niet het enige dat ik moet doen

(Technische en ontwerptips)

Creatieve pakketontwerpen voor flessen en potten die u moet zien

Het doel van elk pakketontwerp is om uniek te zijn en om zich te onderscheiden van concurrenten. Een fles of een pot kan een beetje een wit canvas zijn voor ontwerpers van creatieve pakketten . Het is een ruimte voor zowel kunst als communicatie met klanten die kan worden gebruikt om het verhaal van een merk te vertellen

(Technische en ontwerptips)