Cum pot accelera aspectul site-ului?

Cum pot accelera aspectul site-ului?

Mai puțin în PhpStorm

Pentru o muncă mai plăcută cu designul site-ului, folosesc mai puțin. Variabile, selectori imbricați, mixine accelerează uneori dezvoltarea, dar acum nu este vorba despre asta. Înainte de a publica site-ul pentru a combate server, aveți nevoie pentru a efectua o mulțime de acțiuni: pentru a converti fișierul în .less css, conectați fișierul care rezultă stilurile șablon, ștergeți linia care leagă biblioteca din biblioteca de șabloane în sine și de pe site. Toate acestea pot fi evitate dacă configurați suportul LESS în PhpStorm.







1) Activați suportul LESS în setări. Ctrl + Alt + S - Setări IDE - Plajă. Am bifați suportul LESS.

Cum pot accelera aspectul site-ului?

Cum pot accelera aspectul site-ului?

3) Activați urmărirea fișierelor. Ctrl + Alt + S - Setări proiect - File Watchers. Faceți clic pe butonul plus, selectați LESS. Setați caseta de selectare "Sincronizarea imediată a fișierelor" și faceți clic pe OK.

Cum pot accelera aspectul site-ului?






Cum pot accelera aspectul site-ului?

Acum, tastați doar câteva linii în fișierul style.less, pe măsură ce apare lângă el un fișier CSS compilat. Conectăm-o la șablon și nu mai gândim la compilarea manuală.

Cum pot accelera aspectul site-ului?

În setările LESS, puteți seta parametrul -x, după care fișierul css generat se va micșora.

Ce va ajuta Punto Switcher

Când faceți aspectul, foarte des trebuie să afișați variabile pe ecran, să folosiți cicluri și să vă ramificați. Nu este complicat, dar scrierea codului durează mult:

Programul PuntoSwitcher are o funcție de înlocuire automată, care va ajuta la rezolvarea acestei probleme. De exemplu, vom încerca să grăbim scrierea următoarei construcții:

1) Accesați Setări - AutoCorrect - Adăugați;
2) Completați câmpurile "Ce trebuie înlocuit" și "Ce trebuie înlocuit".

Cum pot accelera aspectul site-ului?

Un pic despre Emmet în PhpStorm

Am inceput sa folosesc Emmet atunci cand am scris in notepad ++. Minunat plugin, tip dib. apăsați TAb și obțineți:

Cu toate acestea, în PhpStorm mi sa arătat următoarele:

Cum pot accelera aspectul site-ului?

Nu exact ceea ce aveți nevoie. Pentru a rezolva această problemă, trebuie să includeți o căutare fuzzy în Emmet.

Du-te la Ctrl + Alt + S - Setări IDE - Emmet, bifați caseta de selectare "Enable search fuzzy":

Cum pot accelera aspectul site-ului?

Asta e tot, verificăm:

Cum pot accelera aspectul site-ului?

În acest moment, sper, publicația mea va face cel puțin un cititor mai fericit.







Articole similare

Trimiteți-le prietenilor: