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


10 Sublime Tekstpakker for Frontend Developers

Sublime Text er en av de kraftigste kodeditorene med noen fantastiske funksjoner, og det kan bli enda kraftigere ved å installere plugger eller pakker . Disse pluginene legger til ekstra funksjonalitet i Sublime Text. Og i dag er det mange plugins for å oppfylle nesten alle dine kodende behov.

Å finne en god forlengelse kan imidlertid være ekte utfordrende ; Noen utvidelser er helt forlatt av utviklerne, mens andre kanskje ikke lenger er kompatible med Sublime Text 3, den nyeste versjonen (på tidspunktet for denne skrivingen).

Hvis du er en frontend-utvikler, har vi håndplukket noen utvidelser og satt dem sammen for deg i denne artikkelen. Disse er 10 Sublime Tekstpakker, frontend-utviklere bør prøve ut .

Mer på Hongkiat.com:

  • 18 viktige plugins for å få mer ut av SublimeText
  • [Slik fungerer] med kodestykker i Sublime Text
  • [Slik] Oppdater oppdateringer i nettleseren med Sublime Text
  • [Slik] Identifiser kodefeil i Sublime Text
  • Enkel fargeplukking i sublime tekst

1. AlignTab

AlignTab er et plugin for å tilpasse kodene dine. Den har en "Preview Mode", som lar deg se hvordan justeringen skal brukes (gitt RegEx-notatet) før den faktisk blir brukt. Det har også "Tabellmodus" vil tillate deg å sette riktig justering for tabeller i Markdown-format, strukturert med rørledninger: | . AlignTab er en praktisk utvidelse for å rydde opp kodejusteringen og gjøre det enklere å lese.

2. ColorHighlighter

ColorHighlighter er et plugin som viser utvalgte fargekoder med sin visuelle farge . Hvis du velger "#fff", vil det vise deg fargen, hvit. ColorHighlighter støtter alle CSS-fargeformater som Hex, RGB, HSL, HSV, og inkluderer fargesøkeord som "rødt", "grønt" osv. Det viser deg også LESS, Sass og Stylus-variabler som inneholder en fargerverdi. Det er en del av plugin som vil hjelpe deg å være mer intuitiv når du arbeider med farger.

3. MultiEditUtils

MultiEditUtils plugin forbedrer den SublimeText innebygde "multi-cursor" og "multi-selection" -funksjonen, og sparer tid for redigering av lange kode linjer . For eksempel: Du kan slå sammen eller bytte mellom valgte linjer, det forbedrer også SublimeText "split selection" ved å la deg spesifisere notasjonen for å dele valgte linjer. Jeg tror det er en må ha plugin for å installere for pro-coders.

4. Git Gutter

Hvis du jobber med Git, er Git Gutter et anbefalt Sublime Text-plugin for å installere. GitGutter vil vise et flagg i rennestoffområdet, eventuelle endringer, tillegg eller fjerning du gjorde i koden din . Det er en nyttig kode for å umiddelbart se sammenligningen mellom kodeutgaven din mot forpliktelse, grenen eller HEAD-depotet.

5. Modifisert

Modifisering er nyttig når du bruker Git eller SVN i arbeidet ditt. På samme måte som GitGutter, vil Modific markere en endring i kodene dine. I tillegg til å markere endringer, kan du også se eller sammenligne forskjellen mellom gjeldende kode og siste forpliktelse ved å trykke på Ctrl + Alt + D. Andre ting du kan gjøre med Modific, inkluderer forhåndsvisning av den forpliktede koden for den aktuelle linjen, samt omvendt kodeendringer .

6. Ink Dec Verdi

Ink Dec Verdi lar deg øke eller redusere tall samtidig, selv om de er på forskjellige linjer . Foruten tall, kan du også endre verdien av datoer og HEX-farger. For å bruke dette pluginet generelt, rett markøren rett til høyre for nummeret, og trykk deretter på Alt + ↑ for å øke tallet eller Alt + ↓ for å redusere nummeret. Du kan også bruke museskiven.

7. FileBrowser

FileBrowser tilbyr en ny måte å navigere på filer og mapper i prosjektkatalogen . Når du installerer dette pluginet, kan du få tilgang til prosjektkatalogen din i et nytt sidebjelke, og navigere gjennom det uten å bevege hendene vekk fra tastaturet ditt - som en pro-koder. Når du blir vant til det, kan dette pluginet gradvis øke arbeidsflyten din.

8. IconFont

IconFont gir utdrag for mange populære ikonfonter som FontAwesome, PaymentFont, Typicons og Github Octicons. Den fungerer som vanlig HTML-utdrag der forkortelser vil bli utvidet til hele klassen og HTML-koden for hvert ikon.

9. DistraksjonFreeWindow

Selv om Sublime Text er innebygd "Free Distraction" -funksjonen, kan du fokusere på koden eller innholdet du skriver, når du er i denne modusen, er minimapilen, sidebjelken og alle andre faner gjemt . Distraksjon-fri skal ikke bety at du mister tilgangen til disse funksjonene. Dette er hvor DistractionFreeWindow kommer inn for å gi deg mer fleksibilitet når det gjelder hvordan Distraction Free Mode skal oppføre seg.

10. FilterLines

FilterLines lar deg søke gjennom linjene i dokumentet ditt for den oppgitte "søkeordstrengen" eller "RegEx-notat". Det er en praktisk funksjon for å håndtere en stor mengde rå data i form av JSON, JavaScript Array, CVS.

5 beste nettsteder for heltids fjerntekniske jobber

5 beste nettsteder for heltids fjerntekniske jobber

Det er allment kjent at man kan få inn penger ved å jobbe eksternt. Du kan til og med være en av de millioner av mennesker som har søkt etter jobber som kan gi deg fleksibilitet og komfort i å jobbe hvor du måtte ønske - enten det er hjemme, en kaffebar eller ditt personlige kreative rom.Ofte tenker folk på disse fjerntliggende jobbene som en uformell stilling som ikke vil vare eller tilstrekkelig nok til å leve. Hvordan

(Tekniske og design tips)

Twist: Feature-fylt kommunikasjonsverktøy alternativ til slakk

Twist: Feature-fylt kommunikasjonsverktøy alternativ til slakk

Teamkommunikasjonsprogrammer som Slack blir stadig mer populære i dag da de strømlinjeformiserer kommunikasjon mellom lag og lagmedlemmer. Nå har markedet for markedskommunikasjonsapplikasjoner nettopp fått en ny post som heter Twist, skapt av de samme folkene som brakte deg Todoist.Imidlertid, i motsetning til konkurrentene i markedet, er Twists måte å nærme seg ting ganske uortodoks.Som Sl

(Tekniske og design tips)