Användbara genvägar för ett snabbare arbetsflöde i sublim text 3

Sublime Text 3 har många funktioner och genvägar för den moderna kodaren att spela med. Låt oss ta en titt på det viktigaste som jag tror kommer att öka ditt arbetsflöde till en ny nivå. Lär dig hur du använder grundläggande genvägar, arbeta med projekt eller hantera flikar ofta utan att ens klicka med musen.

Arbeta med projekt

Jag vet massor av utvecklare som inte använder den här fantastiska funktionen. Vad är din typiska process om du arbetar på ett projekt? Kanske något som:

  1. Öppna Sublime Text
  2. Öppna Finder
  3. Sök efter projekt
  4. Dra mappen i redigeraren
  5. Sök efter filer och öppna dem
  6. Börja utveckling

Inte bra nog. Låt oss säga att du arbetade på en fil igår kväll och i morse vill du fortsätta där du slutade. Arbetsflödet vi har nämnt är ganska ineffektivt, så låt mig istället uppmärksamma dig på Projekt i menyn Sublime Text:

Skapa ditt första projekt

Varje sparat projekt har sin egen konfigurationsfil, så för att börja med behöver vi någonstans på vårt system för att lagra alla dessa. Börja med att skapa en mapp, på vilket sätt du är van vid, kallad sublima-projekt (till exempel).

Starta sedan ett nytt projekt, som vanligt, genom att starta en ny fil eller mapp i Sublime. Gå nu till Projekt> Spara projekt som ...  Navigera till sublima-projekt mapp, ge ditt nya projekt ett namn och spara det. 

Få lista över sparade projekt

För att snabbt komma åt en lista över alla tidigare projekt använder du genväg CMD-CTRL-P. Skriv in en sökfråga för att filtrera listan, tryck på enter och du öppnar omedelbart mapparna och filerna i det projektet i sidofältet. 

Du hittar ditt projekt med mappar och flikar öppnas eller stängs exakt som du lämnade dem.

Att växla mellan projekt fram och tillbaka är också väldigt lätt på detta sätt.

Söker efter filer inom ett projekt

Jag tycker att detta är den största tidsbesparingen någonsin. Att skriva är bättre än att klicka när du söker efter en fil, så, med ett öppet projekt, träffa CMD-P och få skriva!

Hantering av flikar

Flikar är ett fantastiskt sätt att ge dig en översikt över ditt aktuella projekt. Ofta använder du inte en flik för HTML-filer, en annan för CSS och ibland en sista för JavaScript. Med dessa snabba genvägar är det möjligt att skapa flikar snabb:

  • CMD-2 - Lägg till två flikar
  • CMD-3 - Lägg till tre flikar
  • CMD-4 - Lägg till fyra flikar

Låt oss nu navigera genom alla dessa flikar:

  • CMD-ALT-VÄNSTER PIL - Gå till föregående flik
  • CMD-ALT-RIGHT PIL - Gå till nästa flik

Urval

Jag är inte ett fan av att välja med musen - det är för komplicerat och långsamt. Börja till exempel i början av ett ord, håll sedan musknappen och dra den till slutet av ordet eller raden. Ofta har du inte det val du önskade. Använd följande genvägar och du kommer inte bli besviken!

Hitta alla instanser som matchar ditt urval

En och en:

Gör ett urval och hitta, en efter en, andra instanser genom att slå CMD-D.

Allt på en gång:

Återigen, gör ett urval, men nu för att hitta alla instanser i ett slag träff CMD-CTRL-G. 

Välj Linje för rad

Här har vi valt en hel rad, och nu kan vi välja efterföljande hela linjer, steg för steg, med CMD-L.

Välj alla barn

Klicka inom ett element med några barnelement. Tryck sedan på CMD-Shift-J och alla barnelement kommer att väljas.

Diverse tidsbesparingar

Det här är några andra genvägar som jag inte kunde leva utan.

Hoppa till funktionen

För att söka efter en funktion i den aktuella filen trycker du på CMD-R Ange sedan ett sökord för att filtrera ner till den funktion du vill hitta.

Kopiera aktuell linje

Klicka på den rad som du vill kopiera och tryck sedan på CMD-Shift-D. Nu har du en dubbla linje, identisk på alla sätt, och markören hoppar med den.

Byta linjer

Träffa CMD-CTRL- ↓ eller CMD-CTRL- ↑ att ändra positionen för en rad.

Stängande nuvarande HTML-tagg

Om du skriver starttaggen  och vill inte stänga det manuellt och sedan slå CMD-ALT-. och Sublime Text stänger den för dig. En annan metod är att skriva spänna utan vinkelbeslag och tryck sedan på FLIK.

Växla sidofältets synlighet

Sublime Text har även en genväg för att dölja och visa sidofältet. Tryck CMD-K-B att växla den.

Flera markörer

Skapa flera markörer

Så vill du ha mer än en markör? Håll CMD och klicka sedan på den plats där du vill ha en andra markör. Du kan upprepa processen och få så många markörer som du vill.

Dra för att skapa flera markörer

För den första tekniken måste du klicka på varje plats där du vill ha en annan markör. Men kanske har du några rader där du vill ha en markör på var och en, alla vertikalt inriktad. Klicka inte på var och en separat, istället träffa ALT och sedan, med vänster musknapp tryckt, dra markören upp eller ner.

Plugin för författare: Markdown Preview

Personligen skriver jag ofta Markdown i Sublime Text, men till att börja med hade jag inte en förhandsvisning av mitt dokument. Sedan hittade jag Markdown Preview. 

För att installera det, gå till din editor, tryck på CMD-Shift-P för att öppna Package Manager, söka efter Paketkontroll: Installera paketet, sök sedan efter Markdown Previewoch tryck på stiga på att installera det. 

Öppna nu din Markdown-fil, kör CMD-Shift-P genväg igen och sök efter Prissänkning - där hittar du objektet Markdown Preview: Förhandsvisning i webbläsare. Klicka på den och din standardwebbläsare öppnar en flik med förhandsgranskningen.

Måste ha plugin: Hayaku

Det här pluginet hjälper dig att skriva CSS snabbare och lägga till några hjälpare. Hayaku är jämförbar med Emmet, men med många fler funktioner speciellt för egenskaper i CSS.

Smart CSS Values ​​Förkortningar

Här är några exempel på egendom / värde förkortningar med Hayaku (hit FLIK att utföra var och en):

  • por  position: relativ;
  • MT10 marginal-topp: 10px;
  • cF  färg: #FFF;
  • brr  bakgrundsrepetition: repetera;
  • TDN text-dekoration: ingen;

Ökning och minskning värden med tangentbord

Det är möjligt att använda tangentbordet för att öka eller minska numeriska värden. Placera markören på numret och använd följande genvägar.

  • Ökning eller minskning numeriskt värde med 0,1: ALT-CTRL- ↑ eller ALT-CTRL- ↓
  • Ökning eller minskning av numeriskt värde med 1: ALT ↑ eller ALT ↓
  • Ökning eller minskning av numeriska värden med 10: ALT-skift- ↑ eller ALT-skift- ↓

Slutgiltiga tankar

Alla borde lära sig genvägar i sina valfria applikationer! Om du någonsin har blivit frustrerad när du måste repetera uppgifter om och om igen, undersök sedan en genväg. Om du hittar en, ta lite tid att lära dig det; Det kommer att betala dig tillbaka gång på gång.

Vilka är dina favoritgenvägar för Sublime Text 3? Vilka använder du dagligen?