ALLMÄN & REDIGERING:

CTRL + ALT + S

• Öppnar dialogrutan Inställningar

CTRL + SHIFT + A

• Find Action - hitta en åtgärd i PhpStorm

CTRL + ALT + L

• Omformatera kod

CTRL + W

• Välj kodblock - välj snabbt ett kodblock utan att använda musen

CTRL + SHIFT + W

• Minska aktuellt val till föregående läge

CTRL + D

• Duplicera aktuell rad eller markerat block

CTRL + Y

• Ta bort linjen där caretten är placerad

ALT (håll ner) + KLICKA

• Flera markörer

CTRL + SHIFT + UPP

• Flyttar upp linjen

CTRL + SHIFT + NED

• Flyttar linjen nedåt

SHIFT + ENTER

• Starta en ny nästa rad var du än befinner dig i projektet

CTRL + Q

• Snabb uppslagning av dokumentation

CTRL + MUS ÖVER

• Kod Kort information

CTRL + DEL

• Raderar ordet EFTER markören

CTRL + BACKSPACE

• Raderar ordet FÖRE markören

CTRL + NUMPAD+ CTRL + NUMPAD

• Expandera kodblock

CTRL + NUMPAD-

• Kollapsa kodblock

CTRL + /.

• Kommentar/icke-kommentar-rad

CTRL + SKIFT + /

• Block för kommentar/icke-kommentar

SHIFT + F6

• Byt namn på variabeln (refactor/rename)

CTRL + TAB

• Växla mellan flikar och verktygsfönster

CTRL + MELLANSLAG

• Komplettering av grundläggande kod

ALT + ENTER

• Visa avsiktliga åtgärder och snabbfiler

CTRL + P

• Parameterinfo (inom argument för anrop av metod/function). Placera caretten var som helst inom anropet av önskad metod eller function och tryck Ctrl+P för mer information.

ALT + INFOGA/F12

• Generera kod... (Getters, Setters, Constructors)

CTRL + O

• Åsidosätta metoder

CTRL + I

• Implementera metoder

ALT + F2

• Öppna sidan i webbläsaren

CTRL + ALT + T

• Omge med... (om...annars, försöka...fånga, för, etc.)

CTRL + ALT + I

• Automatisk indragning av rad(ar)

CTR + SHIFT + U

• Ändrar texten - lowercase eller UPPERCASE

CTRL + ALT + J

• Omger sig med en levande mall eller EMMET

CTRL + ] / [

• Flytta till kodblockets slut/start

CTRL + SHIFT + ] / [

• Välj till kod block slut/start

CTRL + F4

• Stäng aktiv redigeringsflik

CTRL + SHIFT + V

• Klistra in från historien

ALT + #[0-9]

• Öppna motsvarande verktygsfönster

ALT + 1

• Öppnar/stänger navigerings-/verktygsfältet (vanligtvis till vänster)

CTRL + ALT + F11

• Växla till helskärmsläge

CTRL + SHIFT + F12

• Växla till maximering av editor

ALT + SHIFT + F

• Lägg till i favoriter

ALT + SHIFT + I

• Inspektera nuvarande fie med nuvarande profie

CTRL + SHIFT + J

• Smart linjeanslutning (endast HTML och JavaScript)

CTRL + ENTER

• Smart linjedelning (endast HTML och JavaScript)

CTRL + SHIFT + ENTER

• Slutför ett uttalande

CTRL + SHIFT + I

• Se (kika i modalt / popup-fönster) CSS / CSS / PHP-egenskaper vid svävning av en klass i HTML / JS / CSS / PHP-filer. (mycket användbart för WordPress-utveckling 🙂)

NAVIGATION:

CTRL + SHIFT + A

• Find Action - hitta en åtgärd i PhpStorm

CTRL + N

• Gå till lektionen

CTRL + ALT + SHIFT + J

• Välj alla förekomster av aktuellt ord/symbol i multiple caret-läge

ALT + J

• Markera alla förekomster av ett visst (aktuellt) ord/symbol genom att välja dem en efter en (en efter en)

CTRL + SHIFT + N

• Gå till filen

CTRL + G

• Gå till linjen

CTRL + SHIFT + BACKSPACE

• Navigera till den senast redigerade platsen i projektet

ALT + VÄNSTER

• Föregående flik

ALT + HÖGER

• Nästa flik

CTRL + ALT + SHIFT + N

• Gå till symbol

ESC

• Gå till redigeringsprogrammet (från verktygsfönstret)

CTRL + E

• Popup-fönster för senaste filer

CTRL + ALT + VÄNSTER/HÖGER

• Navigera bakåt/framåt

ALT + F1

• Välj aktuell bild eller symbol i valfri vy

CTRL + ALT + B

• Gå till implementering(ar)

CTRL + SHIFT + I

• Öppna snabb uppslagning av definition. Visar relaterade egenskaper för HTML-id/klass från CSS eller för en function - visas i ett popup-fönster

CTRL + SHIFT + B

• Gå till typdeklaration

CTRL + U

• Gå till super-metod/super-klass

ALT + UP/DOWN

• Gå till föregående/nästa metod

F2 / SHIFT + F2

• Nästa/förra markerade fel

F4 / CTRL + ENTER

• Redigera källa / Visa källa

CTRL + B ELLER CTRL + KLICK

• Gå till deklaration. Du kan omedelbart hoppa till function- eller metoddefinitionen eller en variabel-, klass-, komponent- eller CSS-stildeklaration: klicka bara på den med Ctrl eller placera caret på den och tryck på CTRL + B. Denna genväg kan också hjälpa dig att hoppa till den refererade filen eller den importerade modulen.

FN + SLUTKNAPP

• Går till botten av sidan

SÖK OCH ERSÄTT:

DUBBEL SHIFT (SHIFT+SHIFT)

• Sök överallt - inkludera filer i hela projektet

NOT: den söker inte efter faktisk vanlig text / string-innehåll. För det: använd standard "Redigera | Sök | Sök i sökväg..." (för att söka mellan filer) eller CTRL + SHIFT + F

CTRL + F

• Hitta

CTRL + R

• Hitta och ersätt

F3

• Hitta nästa/tidigare

SKIFT + F3

• Hitta tidigare

CTRL + SHIFT + F

• Hitta i sökvägen

CTRL + SHIFT + R

• Sök och ersätt i sökvägen

ALT + F7

• Hitta användningsområden

CTRL + F7

• Hitta användningsområden i filen

CTRL + SHIFT + F7

• Markera användningsområden i filen

CTRL + ALT + F7

• Visa användningsområden

LOKALHISTORIA (VCS):

ALT + SHIFT + C

• Se senaste ändringarna

ALT + BACKQUOTE (`)

• "VCS" snabb popup-meny

CTRL + K

• Förbinda projektet till VCS

CTRL + T

• Uppdatera projekt från VCS

LÖPNING:

SHIFT + F10

• Kör

CTRL + SHIFT + F10

• Kör kontextkonfiguration från editor

CTRL + SHIFT + X

• Kör kommandoraden

DEBUGGING:

SHIFT + F9

• Felsökning

F8

• Steg över

F7

• Gå in i

SHIFT + F8

• Gå ut

ALT + F8

• Utvärdera uttryck

F9

• CV-program

CTRL + F8

• Växla brytpunkt

CTRL + SHIFT + F8

• Visa brytpunkter

LEVANDE MALLAR:

CTRL + J

• Infoga Live Template i ett projekt

eko

• "echo"-uttalande + du kan fylla i echo

för

• foreach(iterable_expr as $value) {...}

för

• foreach(iterable_expr as $key => $value) {...}

inc/inco

• "include"/"include_once"-uttalande

prif

• privat function

pubf

• allmän function

prof

• skyddad function

rqr/rqro

• "require"/"require_once"-uttalande

och många fler...

ANDRA TIPS & TRICKS:

• > LÄNK < till den officiella PhpStorm .pdf-dokumentationen

• För att ändra standardgenvägarna/hotkeys gå till: CTRL + ALT + S (Inställningar) -> Nyckelmapp

Kod -> Inspektera kod

• Kontrollera om det finns fel/avvikande filer och användning(ar)

Du kan också komma åt Resultat av inspektion verktygsfönstret genom att välja Visa | Verktygsfönster | Inspektionsresultat.

NOT: Det kommer att vara tillgängligt ENDAST efter att du har kört Kod | Inspektera Kod

För varje problem kan du se den föreslagna snabbkorrigeringen genom att trycka på Alt+Enter. Du kan också hoppa till motsvarande rad i editorn genom att trycka på F4 eller genom att dubbelklicka på problemet i verktygsfönstret.

Redaktör > Allmänt > Smarta nycklar:

• Omge markeringen vid skrivning av citat eller parentes. Markera en text och genom att trycka på ' blir den "text": http://stackoverflow.com/questions/31406616/how-to-wrap-selection-in-quotes-using-phpstorm

CTRL + SHIFT + D

• Zeal: https://zealdocs.org/ - offline-dokumentation - integreras snyggt med PHP Storm: kan installera dokumentation + API: er för många språk som: WordPress, HTML, CSS, jQuery, JavaScript, Emmet, PHP, etc.

Jämför alla textkällor

• Tryck på Ctrl+Shift+A och börja skriva för att hitta Öppna tomt diff-fönster handling.
• Klistra in den text som du vill jämföra i vänster och höger panel.

Om du behöver skapa ett bokmärke kan du enkelt göra det genom att klicka på den aktuella kodraden och välja Ange bokmärke (eller tryck på F11);

Senare kan du trycka på SHIFT + F11 för att visa bokmärket/bokmärkena:

Så här omger du urvalet med parenteser / hängslen / parenteser:

Markera en text och tryck på SHIFT + ( och valet kommer att vara inom parentes / hängslen / parentes.

Detsamma gäller för:

SHIFT + {
SHIFT + [

Jag kan dela med mig av de plugins jag använder!

Jag tror att informationen kommer att vara användbar för PhpStorm-fansen 🙂

Här är de:

• KodGlans: Bäddar in en kodminimap liknande den som finns i Sublime i redigeringsfönstret.

P.S. För att växla (öppna/stänga) kartan - måste du trycka på CTRL + SHIFT + G

• RegexpTester - Testare av reguljära uttryck för PhpStorm som https://regex101.com/

• Live redigering - Visar omedelbart ändringar som gjorts i din kod under en felsökningssession.

Som standard är Live Edit functionality endast aktiverat för HTML- och CSS-filer. Om du vill aktivera den för JavaScript, Node.js och andra filtyper går du till Inställningar/Preferenser | Bygga, exekvera, distribuera | Debugger | Live Edit.

Börja använda Live Edit genom att öppna den HTML-fil du arbetar med och välj Felsökning i dess snabbmeny. Detta startar JavaScript-felsökaren i WebStorm och öppnar din fil i webbläsaren. När du redigerar koden ser du de ändringar du gör återspeglas i webbläsaren.

För att lägga till WordPress till ditt PHPStorm-projekt kan du se dokumentationen här:

https://www.jetbrains.com/help/phpstorm/preparing-to-use-wordpress.html#activating-the-wordpress-install

Du kan också påskynda din WordPress-utveckling genom att installera och använda WP-CLI på din maskin;

Läs här hur du installerar WP-CLI på Windows 10:

https://make.wordpress.org/cli/handbook/guides/installing/#installing-on-windows

Se video hur man gör det (ryska språket):

... och på engelska: