Zo Sublime Text na PHPStorm

napísal yablko, 20 Sep 2016 [

]

Svojho času som spravil video Sublime Text 2 je lepší ako tvoj editor, neskôr Je Atom lepší ako Sublime Text? a teraz ideme na PHPStorm.

Roky používam Sublime Text, ale občas sa hodí niečo väčšie. Roky používam Sublime, som zvyknutý na jeho skratky a fičúry, a ak mám prejsť na niečo nové, chcem, aby sa to používalo rovnako.

Cieľ týchto videí je nastaviť PHPStorm tak, aby vyzeral a fungoval podobne, ako Sublime Text. Spraviť prechod bezbolestný.

Takže čum na videá, nižšie v texte si môžeš stiahnuť moje nastavenia, nájdeš tam skratky, tipy a triky a všetky tie pekné veci.

Stiahni si moje nastavenia

Stiahni si súbor settings.jar, ktorý keď rozbalíš a vložíš cez File > Import Settings, naimportujú sa do tvojho Stormu všetky moje nastavenia. Vrátane File Templates, vrátane skratiek, všetko z videí, plus nejaké veci, ktoré som vo videách zabudol alebo vynechal.

Pozor: toto sú moje nastavenia. Moje nastavenia ti nemusia sedieť. Dokonca, podľa verzie PHPStormu alebo operačného systému, ti ani nemusia správne fungovať. Ak nemáš v počítači font, ktorý ja používam, môže to tebe vyzerať škaredo. Ak tieto settings pre teba nefungujú, odporúčam pozerať videá a nastavovať si veci podľa nich. A čo chceš mať inak, nastav si podľa seba.

Je to pracné, ale na konci budeš mať editor presne taký, ako ho chceš mať ty. Cieľ nie je, aby si mal PHPStorm nastavený presne tak, ako ho mám ja. Cieľ je, aby si si ho vedel nastaviť presne tak, ako ho chceš ty.

Než pôjdeme ďalej - tieto videá vznikli ako súčasť môjho Laravel/OOP kurzu.

Mám kopu kurzov a všetky si môžeš skúsiť zdarma. Na http://www.learn2code.sk/kurzy si vyber ten tvoj, klikni na "Vyskúšaj zdarma!" a prihlás sa na stránku. Dostaneš videá zdarma a ak budeš chcieť, zvyšok kurzu si môžeš kedykoľvek dokúpiť.

Toľko špinavá reklama. Ideme.

Téma, Color Scheme, Fonts

Color Schemes:
http://daylerees.github.io/
https://github.com/daylerees/colour-schemes

Kam nakopírovať farebné témy:
https://www.jetbrains.com/phpstorm/help/project-and-ide-settings.html

win
C:\Users\TvojeBlbeMeno\WebIdeXX\config\colors

mac
/Users/TvojeBlbeMeno/Library/Preferences/WebIdeXX/colors

Takto nakopčiť z githubu do colors adresára priamo z konzole:

# nastavit sa do adresara
cd /Users/yablko/Library/Preferences/WebIde100/colors

# stiahnut don subor cez wget
wget https://raw.githubusercontent.com/daylerees/colour-schemes/master/jetbrains/halflife.icls

# pripadne cez curl
curl -O https://raw.githubusercontent.com/daylerees/colour-schemes/master/jetbrains/halflife.icls

Font:
:: https://github.com/tonsky/FiraCode

Stiahnuť .otf, nainštalovať (dvojklik na ten stiahnutý súbor), tým pádom celý operačný systém by mal získať prístup k FiraCode fontu a tým pádom aj PHPStorm by ho mal vidieť.

font size 16px
line spacing 1.3

Command Palette, filtrovatelné zoznamy, nastavenia editora

SHIFT + CMD + A pre “command palette”, cez ktorú sa dá ovládať celý PHPStorm a vyhľadávať naprieč nastaveniami atď.

CMD + , pre Preferences
Kde môžem rovno začať písať “plugins” a nájdem mi to Plugins v nastaveniach.

Prípadne môžem spraviť:
SHIFT + CMD + A > "plugins"
A dostanem sa k tomu istému.

Nainštalovať Color Ide plugin, nech sa PHPStorm vyfarbí podľa editora.

Random nastavenia editora:

Editor > General > "Show virtual space at the bottom" 
Editor > General > Editor Tabs > "show close button on editor tabs" 
Editor > General > Editor Tabs > "mark modified tabs" 
Editor > Code Folding > zrusit "collase by default"
CMD SHIFT A > caret row
Auto Import > Enable auto-import in file scope 
"use tab character"

Spelling > Typo > "vypnut" toto je lepšie prepnúť na default, prípadne sa označovanie preklepov dá povoliť špecificky pre každý projekt.

Minimalizmus, Search Everywhere, klávesové skratky, viac kurzorov

Čo sa týka skratiek, ak máš Windows, stláčaj CTRL namiesto CMD. Ja mám Mac, takže je možné, že budú vznikať konflikty. Čiže znova opakujem - ak ti nefungujú moje nastavenia, tak ich nepoužívaj. Pozri si videá, tie ti podrobne vysvetlia, ako si môžeš PHPStorm nastaviť tak, aby vyhovoval tebe.

View > Navigation Bar
View > Status Bar

Pereferences, vyhľadať a zrušiť:

"show html breadcrumbs"
"show right margin"

Klávesové skratky (ako ich mám nastavené ja)

CMD SHIFT A > keymap

CMD + SHIFT + P - "command palette"
CMD + P - prepínanie medzi súbormi
CMD + R - vylistovanie funkcií atď v súbore
CMD + E - nedávno otvorené súbory
CMD + 1 - zobraz/skry sidebar

SHIFT + SHIFT - search everywhere

CMD + UP - navigation bar

Multiple cursors

Alt+J (win), Ctrl-G (mac)
ale u mňa CMD + SHIFT + D - označenie ďalšieho výskytu

CTRL + CMD + G - označenie všetkých výskytov

Klávesové skratky a ťažké PHPStorm frajeriny

CMD + L - vymaž riadok
CTRL + G - choď na riadok

Keymap > "Rename" > CMD + R
Keymap > "Copy" > CMD + D

CTRL + V (Window > Editor Tabs > Split Vertical)
CTRL + H (Window > Editor Tabs > Split Horizontal)

CMD + , "smart keys"
CMD + , "surround selection..."

CTRL + CMD + UP "move line up"
CTRL + CMD + DOWN "move line down"

CTRL + ALT + UP - extend selection
CTRL + ALT + DOWN - shrink selection

CMD SHIFT A > keymap

CMD + P - prepínanie medzi súbormi
CMD + R - vylistovanie funkcií atď v súbore
CMD + E - nedávno otvorené súbory
CMD + 1 - zobraz/skry sidebar

SHIFT + SHIFT - search everywhere

CMD + UP - navigation bar

Inc Dec Value plugin

ALT + UP zvyšuje číslo o jedna
ALT + DOWN znižuje číslo o jedna

CMD + ALT + UP zvyšuje o 10
CTRL + CMD + ALT + UP zvyšuje o 100

A taktiež vie hádzať na upper/lowercase.

Skratky, obaľovanie kódu Emmetom, automatický Code Formatting

CMD + / - line komentár
CTRL + CMD + / - block komentár
a dobré je zapnúť "Line comment at first column"

CMD + [ "forward"
CMD + ] "backward"

CMD + SHIFT + T "reopen closed tab"
CMD + ALT + LEFT "previous tab"
CMD + ALT + RIGHT "next tab"

ALT + BACKSPACE - vymazať slovo

SHIFT + Enter "Split Line"
CMD + Enter "Start New Line"

Toto sú seriózne frajeriny pre obaľovanie slov alebo riadkov kódom:

ALT + CMD + T "surround with"
ALT + CMD + J > Emmet > "p*" a každý riadok pôjde do Pčka
ALT + CMD + J > Emmet > "ul>li*" a každý riadok pôjde LIčka, ktoré pôjde do UL

ALT + CMD + W "surround with emmet"

Automatické formátovanie kódu

CMD , "align"

"Settings -> Editor -> Code Style -> PHP -> Wrapping and Braces -> Align consecutive assignments"
"Settings -> Editor -> Code Style -> PHP -> Other -> Align key-value pairs"

Ďalšie dôležité features sme si už ukázali, napr. Live Edit, v spolupráci s týmto extension-om https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?hl=en

Generovanie, refactoring, automatické vytváranie kódu

Middle Click na Class alebo Variable skočí na definíciu
CMD + Click podobne
CMD a hoverovanie myšou ukáže plnú cestu

ALT + Enter "intention actions"
CMD + N "code generate"

Otázna rada pre zrýchlenie PHPStormu

Do ~/Library/Preferences/WebIde100 vytvoriť súbor s názvom idea.vmoptions (na Windowse sa ten súbor volá phpstorm64.exe.vmoptions) a doň skopčiť:

-Xms128m
-Xmx2048m
-XX:MaxPermSize=350m
-XX:ReservedCodeCacheSize=225m
-XX:+UseCodeCacheFlushing
-XX:+UseCompressedOops
-Dawt.useSystemAAFontSettings=on
-Dswing.aatext=true
-Dsun.java2d.opengl=true

Niektorí ľudia na internete tvrdia, že po tomto im PHPStorm začal šlapať jak blázon. Takže ak sa vlečie, za pokus to snáď stojí.