nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


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

15 gratis e-boeken voor ontwikkelaars van mobiele apps

15 gratis e-boeken voor ontwikkelaars van mobiele apps

Het ontwikkelen van mobiele apps voor smartphones en draagbare apparaten kan een zeer lonende activiteit zijn, maar gezien het feit dat er momenteel zoveel apps op zowel Android- als iOS-markten zijn, is het echt onzichtbaar om blind te gaan en te beginnen met ontwikkelen zonder een stevige greep te hebben van de fundamenten

(Technische en ontwerptips)

10 Unieke kaartontwerpen die je liever zou bewaren dan spelen

10 Unieke kaartontwerpen die je liever zou bewaren dan spelen

Volgens Wikipedia waren speelkaarten al meer dan 1.100 jaar oud. Ze zijn sindsdien aanzienlijk veranderd. Er zijn verschillende variaties van decks gemaakt, maar wat we herkennen als een 'regulier kaartspel' is al een tijdje niet veel veranderd. Dat is tenminste wat je zou denken! Er zijn nogal wat bedrijven die speciale decks hebben gemaakt, variërend van oneven tot mooi tot nuttig.

(Technische en ontwerptips)