New TechnologyZaawansowane

Brackets – modern code editor !

Zaawansowane

Witajcie !

Dzisiejszy wpis jest poświęcony w całości edytorowi kodu brackets. Poznacie kilka fajnych sztuczek oraz możliwości jakie daje nam ten program. Jak można w prosty sposób przyśpieszyć w nim prace związaną z projektowaniem oraz kodowaniem stron world wide web.

Na początku przygotujmy interfejs ! W Sumie kto co lubi, ja tam wole ciemny theme pewnie dlatego, że mniej męczy oczy, podobnie jak został zaprojektowany ui pakietu creative cloud np. photoshopa 🙂

NOWOŚĆ ! Wprowadzam krótkie filmiki ! 😀

Zmiana theme:

Dodawanie pluginów:

Ok ! Jeżeli wszystko zainstalowane to do dzieła ! 🙂

Na początek zajmijmy się przydatną funkcją jaką jest “podgląd błyskawiczny”.  W innych edytorach trzeba dodawać taką funkcjonalność i taki plugin nazywa się livereload. Jeżeli o mnie chodzi to nie polecam tego rozwiązania, ponieważ często niedziała, chociaż i w brackets są pewne problemy ale jest moim zdaniem i tak jest lepszym rozwiązaniem.
Z prawej strony edytora jest taka błyskawica.
Uwaga musimy posiadać przeglądarkę chrome oraz otworzyć projekt w katalogu.

Filmik ilustrujący :

Inne ciekawe pluginy to beautify (szybkie formatowanie wyglądu kodu). Bardzo ciekawy plugin pozwalający szybko (opcja przy zapisie) format kodu dzięki czemu mamy pięknie wyglądający DOM 🙂

Kolejny i najważniejszy moim zdaniem to emmet ! I jemu poświecę cały kolejny artykuł 🙂 W znaczący sposób przyśpiesza pisanie kodu 🙂