Hogyan tudom felgyorsítani a webhely elrendezését?
Kevés a PhpStorm-ban
A weboldal megtervezéséhez való kellemesebb munka érdekében a LESS-t használom. Változók, beágyazott szelektorok, myxinok időnként felgyorsítják a fejlődést, de most nem arról van szó. Mielőtt feltöltöd egy webhelyet a harci szerverre, több műveletet kell végrehajtania: a .less fájlt css-be kell konvertálni, az eredményül kapott stílusfájlt sablonhoz kell csatlakoztatni, törölni kell a könyvtár kapcsolódási sorokat a sablonból és a könyvtárat a webhelyről. Mindez elkerülhető, ha beállítja a LESS támogatást a PhpStorm programban.
1) Kapcsolja be a LESS támogatást a beállításokban. Ctrl + Alt + S - IDE beállítások - Plagins. Csengetjük a LESS támogatást.
3) Kapcsolja be a fájlkövetést. Ctrl + Alt + S - Projektbeállítások - Fájl figyelők. Kattintson a plusz gombbal, majd válassza a LESS lehetőséget. Állítsa be a "Fájlok azonnali szinkronizálása" jelölőnégyzetet, majd kattintson az OK gombra.
Most írjon be néhány sort a style.less fájlba, mivel egy összeállított CSS fájl jelenik meg mellette. Csatlakoztatjuk a sablonhoz, és már nem gondolkodunk a kézi összeállításról.
A LESS beállításokban beállíthatja a -x flag értéket, amely után a generált css fájl is zsugorodik.
Mi segít a Punto Switcher-nek?
Az elrendezés során nagyon gyakran meg kell jeleníteni a változókat a képernyőn, a ciklusokat és az elágazást. Nem bonyolult, de a kódírás hosszú időt vesz igénybe:
A PuntoSwitcher programnak van egy auto-replace funkciója, amely segít megoldani ezt a problémát. Például megpróbáljuk felgyorsítani a következő konstrukció írását:
1) Menjen a Beállítások - Automatikus javítás - Hozzáadáshoz;
2) Töltse ki a "Mi kicserélni" és a "Mi kicserélni" mezőket.
Egy kicsit Emmetről a PhpStorm-ban
Elkezdtem használni Emmet-t, amikor írtam a notepad ++-ben. Csodálatos plugin, type dib. nyomja meg a TAb billentyűt és kap:
A PhpStorm-ban azonban a következőket mutatták:
Nem pontosan az, amire szükséged van. A probléma megoldásához engedélyeznie kell a fuzzy keresést az Emmetben.
Menjünk a Ctrl + Alt + S - IDE beállításokhoz - Emmet, tedd egy jelölőnégyzetet a "Fuzzy search engedélyezése" jelölőnégyzetbe:
Ez minden, ellenőrizzük:
Erre most reménykedem, hogy a kiadványom boldogabb lesz legalább egy olvasó számára.