Handige snelkoppelingen voor een snellere workflow in sublieme tekst 3

Sublime Text 3 heeft veel functies en snelkoppelingen waarmee de moderne coder kan spelen. Laten we eens kijken naar de belangrijkste waarvan ik denk dat het uw workflow naar een nieuw niveau zal tillen. Leer hoe u standaard snelkoppelingen kunt gebruiken, met projecten kunt werken of tabbladen kunt bewerken zonder dat u zelfs met uw muis hoeft te klikken.

Werken met projecten

Ik ken veel ontwikkelaars die deze geweldige functie niet gebruiken. Wat is je typische proces als je aan een project werkt? Misschien iets als:

  1. Open de sublieme tekst
  2. Open Finder
  3. Zoeken naar project
  4. Sleep de map naar de editor
  5. Zoeken naar bestanden en deze openen
  6. Start de ontwikkeling

Niet goed genoeg. Laten we zeggen dat je gisteravond aan een bestand hebt gewerkt en vanmorgen wil je doorgaan waar je was gebleven. De workflow die we hebben genoemd is vrij inefficiënt, dus laat me in plaats daarvan uw aandacht richten op project in de menubalk van Sublime Text:

Je eerste project maken

Elk opgeslagen project heeft zijn eigen configuratiebestand, dus om te beginnen moeten we ergens op ons systeem zijn om al deze op te slaan. Begin met het creëren van een map, op elke manier die je gewend bent, genaamd subliem-projecten (bijvoorbeeld).

Begin dan zoals gewoonlijk met een nieuw project door een nieuw bestand of een nieuwe map in Sublime te starten. Ga nu naar Project> Project opslaan als ...  Navigeer naar de subliem-projecten map, geef uw nieuwe project een naam en sla het op. 

Krijg een lijst met opgeslagen projecten

Gebruik de snelkoppeling om snel een lijst met alle eerdere projecten te openen CMD-CTRL-P. Typ een zoekopdracht in om de lijst te filteren, druk op enter en je opent onmiddellijk de mappen en bestanden van dat project in de zijbalk. 

U vindt uw project met mappen en tabbladen die zijn geopend of gesloten precies zoals u ze verliet.

Schakelen tussen projecten, heen en weer, is ook heel eenvoudig op deze manier.

Zoeken naar bestanden binnen een project

Ik vind dit de grootste timesaver ooit. Typen is beter dan klikken bij het zoeken naar een bestand, dus, met een project geopend, druk op CMD-P en ga typen!

Tabbladen verwerken

Tabbladen zijn een geweldige manier om u een overzicht te geven van uw huidige project. Vaker wel dan niet gebruik je een tabblad voor HTML-bestanden, een ander voor CSS en soms een laatste voor JavaScript. Met deze snelkoppelingen is het mogelijk om tabbladen te maken snel:

  • CMD-2 - Voeg twee tabbladen toe
  • CMD-3 - Voeg drie tabbladen toe
  • CMD-4 - Voeg vier tabbladen toe

Laten we nu door al deze tabs navigeren:

  • CMD-ALT-PIJL-LINKS - Ga naar de vorige tab
  • CMD-ALT-PIJL-RECHTS - Ga naar de volgende tab

Selectie

Ik ben geen fan van het selecteren met de muis - het is te gecompliceerd en te langzaam. Begin bijvoorbeeld aan het begin van een woord, houd de muisknop ingedrukt en sleep deze naar het einde van het woord of de regel. Vaak heb je niet de selectie die je wilde. Gebruik de volgende sneltoetsen en u zult niet teleurgesteld zijn!

Vind alle instanties die overeenkomen met uw selectie

Een voor een:

Maak een selectie en vind één voor één andere instanties door erop te slaan CMD-D.

Alles in een keer:

Nogmaals, maak een selectie, maar nu om alle exemplaren in één keer te vinden CMD-CTRL-G. 

Selecteer regel voor regel

Hier hebben we een hele regel geselecteerd, en nu kunnen we opeenvolgende hele regels stap voor stap selecteren met CMD-L.

Selecteer alle kinderen

Klik binnen een element met enkele onderliggende elementen. Druk vervolgens op CMD-SHIFT-J en alle onderliggende elementen worden geselecteerd.

Diversen Tijdspaarders

Dit zijn een paar andere snelkoppelingen waar ik niet zonder kon.

Spring naar functie

Druk op om naar een functie in het huidige bestand te zoeken CMD-R voer vervolgens een zoekterm in om naar de functie te filteren die u wilt vinden.

Kopieer de huidige regel

Klik op de regel die u wilt kopiëren en druk vervolgens op CMD-SHIFT-D. Nu heb je een dubbele regel, identiek op elke manier, en de cursor springt ermee.

Wissel van lijn

Raken CMD-CTRL- ↓ of CMD-CTRL- ↑ om de positie van een lijn te wijzigen.

De huidige HTML-tag sluiten

Als u de starttag schrijft  en wil het niet handmatig sluiten en druk dan op CMD-ALT-. en Sublime Text zal het voor u sluiten. Een andere methode is schrijven span zonder punthaken en druk vervolgens op TAB.

Visuele zichtbaarheid zijbalk inschakelen

Sublime Text heeft zelfs een snelkoppeling om de zijbalk te verbergen en weer te geven. druk op CMD-K-B om het in te stellen.

Meerdere cursors

Maak meerdere cursors

Wilt u dus meer dan één cursor hebben? Houden CMD en klik vervolgens op de plaats waar u een tweede cursor wilt. U kunt het proces herhalen en zoveel cursors krijgen als u wilt.

Versleep om meerdere cursors te maken

Voor de eerste techniek moet je klikken op elke plaats waar je een andere cursor wilt. Maar misschien heb je een aantal regels waar je een cursor op wilt, allemaal verticaal uitgelijnd. Klik niet op elk afzonderlijk, maar klik ALT en dan, met de linker muisknop ingedrukt, sleep je de cursor omhoog of omlaag.

Plugin voor Writers: Markdown Preview

Persoonlijk schrijf ik vaak Markdown in Sublime Text, maar om te beginnen had ik geen preview van mijn document. Toen vond ik Markdown Preview. 

Om het te installeren, ga naar je editor, druk op CMD-SHIFT-P om Package Manager te openen, zoek naar Pakketcontrole: Installeer pakket, zoek dan naar Markdown Previewen druk op invoeren om het te installeren. 

Open nu uw Markdown-bestand, voer de CMD-SHIFT-P snelkoppeling en zoeken naar Markdown - daar vind je het item Markdown Preview: Preview in browser. Klik erop en uw standaardbrowser opent een tabblad met het voorbeeld.

Must-Have Plugin: Hayaku

Met deze plug-in kunt u sneller CSS schrijven en een aantal helpers toevoegen. Hayaku is vergelijkbaar met Emmet, maar met veel meer functies, met name voor eigenschappen in CSS.

Slimme CSS-waarden Afkortingen

Hier zijn enkele voorbeelden van eigenschappen / waarde-afkortingen met Hayaku (hit TAB om ze allemaal uit te voeren):

  • por  positie: relatief;
  • MT10 margin-top: 10px;
  • cF  kleur: #FFF;
  • brr  achtergrondherhaling: herhalen;
  • tdn tekstdecoratie: geen;

Increment & Decrement Values ​​With Keyboard

Het is mogelijk om het toetsenbord te gebruiken voor het verhogen of verlagen van numerieke waarden. Plaats uw cursor op het nummer en gebruik de volgende sneltoetsen.

  • Verhoog of verlaag de numerieke waarde met 0.1: ALT-CTRL- ↑ of ALT-CTRL- ↓
  • Verhoog of verlaag de numerieke waarde met 1: ALT ↑ of ALT ↓
  • Numerieke waarden verhogen of verlagen met 10: ALT-SHIFT-↑ of ALT + Shift + ↓

Laatste gedachten

Iedereen zou shortcuts moeten leren in hun toepassingen naar keuze! Als je ooit gefrustreerd raakt over het steeds opnieuw herhalen van taken, onderzoek dan voor een kortere weg. Als je er een vindt, neem dan de tijd om het te leren; het zal je keer op keer terugbetalen.

Wat zijn je favoriete snelkoppelingen voor Sublime Text 3? Welke gebruik je dagelijks??