no.hideout-lastation.com
Paradis For Designere Og Utviklere


En titt inn i: SublimeLinter 3

I et tidligere innlegg har vi vist deg hvordan du finner potensielle kodefeil og feil i SublimeText ved hjelp av SublimeLinter. Dessverre, som en av våre lesere også pekte på det, virker det ikke i Sublime Text 3.

Sublime Text 3 introduserte et nytt sett med API om hvordan et plugin skal fungere, noe som sannsynligvis har påvirket SublimeLinters-evner. Utvikleren har siden skrevet om pluggen og gitt ut omskrivningen. La oss sjekke ut SublimeLinter 3 og hva den har å tilby.

Starter

Den enkleste måten å installere SublimeLinter 3 på er via pakkekontroll. I motsetning til den forrige versjonen som bunter alle tilgjengelige linjer, separerer SublimeLinter 3 dem. Dette tillater oss å bare installere lindere for språk som vi ofte bruker.

Dette betyr at når du gjorde en feil i koden din, vil ingenting skje hvis du ikke installerer linteren som lar deg rapportere feilene.

Siden jeg bruker HTML, CSS, JS og PHP mesteparten av tiden i prosjektene mine, vil jeg gjerne installere lindere for disse språkene. I pakken kontroll installerer jeg SublimeLinter 3 sammen med følgende plugin:

  • SublimeLinter-html-ryddig
  • SublimeLinter-csslint
  • SublimeLinter-jshint
  • SublimeLinter-php

Da, for at disse pluginene skal fungere, må vi også installere linter for språkene, som er HTML Tidy, CSSLint, JSHint og PHP CLI.

For de av dere som bruker OSX, er Tidy og PHP forhåndsinstallert i systemet. For å bekrefte, kjør følgende to kommandoer i rekkefølge.

 ryddig --versjon php - versjon 

Disse kommandoene vil vise deg Tidy og PHP-versjonen du har. Du kan fortsette å bruke dem i Sublime Text.

Hvis du er på Windows eller Linux, eller ikke har dem installert, følg instruksjonene nedenfor.

Installere HTML Tidy

Slik installerer du HTML Tidy:

  • I OSX, kjør denne kommandoen i Terminal brew install homebrew/dupes/tidy
  • I Linux, bruk denne kommandoen sudo apt-get install tidy .
  • I Windows kan du ta tak i EXE-installatøren fra TidyBatchFiles.

Installere PHP CLI

  • OSX-brukere kan installere PHP i systemet med 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 kommando. Dette vil installere PHP 5.5, som er den nyeste versjonen, på tidspunktet for skrivingen.
  • Linux- brukere kan følge denne omfattende opplæringen fra DigitalOcean.
  • For Windows-brukere kan du laste ned installasjonsprogrammet her.

Installere CSSLint

Deretter installerer vi CSSLint. Følgende instruksjon kan følges på alle tre plattformene: OSX, Windows og Linux.

Først installerer du Node.js. Kjør deretter følgende kommando.

 npm installer -g csslint 

Installere JSHint

Vi kan også installere JSHint med Node.js. Her er kommandoen.

 npm installer -g jshint 

Og vi er alle satt. Vi kan starte linting HTML, CSS, JS og PHP i SublimeText ved hjelp av SublimeLinter 3.

Nye funksjoner i SublimeLinter 3

SublimeLinter 3 bringer flere nye funksjoner, og en som jeg fant veldig nyttig, er evnen til å navigere raskt gjennom feil .

Naviger gjennom feil

Hvis du er i Mac, trykker du på Command + Ctrl + A. I Windows og Linux kan du trykke Ctrl + K, Ctrl + A.

Hotnøkkelen viser en liste over feil, som vist i følgende skjermbilde.

Bruk ↑ og ↓ for å navigere i listen, og siden vil rulle til den nøyaktige linjen der feilen oppstod.

Ulike Mark Stiler

I tillegg kan du også velge forskjellige merkestiler for feilene. SublimeLinter 3 gir 5 stiler, som vist nedenfor:

Fylle

Outline

Solid understreke

Squiggly Underline

Stippled Underline

For å velge denne stilen, åpne Command Pallete - (Mac) Command + Shift + P, (Win / Linux) Ctrl + Shift + P. Søk deretter og velg SublimeLinter: Choose Mark Style . Velg stilen du ønsker.

Alternativt kan du også spesifisere det i Innstillingsfilen. Gå til Innstillinger> Pakkeinnstillinger> SublimeLinter> Innstilling - Brukere . Deretter legger du til denne linjen nedenfor.

 "mark_style": "fill" 

Ytterligere referanse

  • SublimeLinter 3 Offisiell Dok.
  • Lint i programvare og programmering - WikiPedia
  • SublimeLinter Repositories

iPhone 8 og iPhone 8 Plus priser i Malaysia - Det er Offisielt

iPhone 8 og iPhone 8 Plus priser i Malaysia - Det er Offisielt

Malaysias iPhone-fans gleder seg, Appleà ¢ ™ s nyeste smarttelefon, iPhone 8 og iPhone 8 Plus, kommer endelig til våre kyster.Med en offisiell lanseringsdato 20. oktober har de lokale telekomene begynt på forhåndskampanjer for Appleà ¢ â, â "¢ s nye telefoner, noe som gir de som vil ha en sjanse til å få de nye iPhones til en nedsatt pris.For denne art

(Tekniske og design tips)

30 Nyttige Eyedroppers og Color Pickers for designere

30 Nyttige Eyedroppers og Color Pickers for designere

Hvis du er webdesigner eller grafiker, er du sikker på å komme over forskjellige farger på nettet eller bilder som du kanskje vil bruke dem i dine egne design. Siden det er umulig å huske hver eneste fargeverdi der ute, er et eyedropper-verktøy et must-ha; ingen designer burde være uten en!Med et eyedropper-verktøy kan du enkelt klikke hvor som helst på skjermen for å få tak i og kopiere bestemte farger til din egen personlige bruk, for eksempel å lage paletter eller fargeskjemaer, og vi vil lagre dine ressursproblemer ved å oppgi mer enn 25 eyedropper-verktøy med praktiske funksjoner for Windo

(Tekniske og design tips)