Darmowy edytor HTML CSS PHP

Edytor HTML, CSSa i PHP to podstawowe narzędzie każdego webmastera. Przedstawię Wam edytory darmowe z podpowiadaniem składni kodu, które musicie mieć!

Notepad++. Najszybszy edytor HTML

Notepad++ jest przez wielu programistów bardzo cenionym narzędziem. Warto go posiadać, ponieważ posiada kilka unikalnych cech. Przydaj się do szybkiej korekty kodu, lub do wprowadzania drobnych zmian.

darmowy edytor html

  • Bardzo szybki w działaniu
  • Może otwierać ogromne pliki
  • Dostępna wersja portable
  • Ciemny motyw do pracy w nocy
  • Obsługa pluginów
  • Potrafi przeszukiwać wiele plików i zmieniać lub odnajdywać tekst/kod.

Po pobraniu programu warto odpowiednio go przystosować do pracy.  W menu Settings>Preferences>General>Localization zmieniamy język na Polish.

W menu Ustawienia>Konfigurator stylów zmieniamy styl na Bespin.

Aby uruchomić auto-uzupełnianie kodu w menu Ustawienia>Preferencje>Auto-uzupełnianie zaznaczamy: Włącz uzupełnianie (…), Uzupełnianie funkcji i słów. W Autowstawianie zaznaczamy wszystkie nawiasy i tag zam HTML. Od teraz wszystkie tagi program zamknie automatycznie.

Warto również skorzystać ze dostępnych wtyczek. Jedną z ciekawszych jest Quick Color Picker+. Zainstalujemy ją w menu Wtyczki>Plugin manager. Pozwala ona w wygodny sposób edytować kolory w kodzie. Aby to uczynić wystarczy kliknąć dwukrotnie na wartości danego koloru w kodzie. Wtyczka dodaje również pod kodem koloru podkreślenie w zadanym kolorze. Polecam 🙂

Pobierz wersję portable!

Bracket. Nowoczesny edytor html, css oraz php

Bracket jest nowoczesnym edytorem języków programowania. Posiada ascetyczny interfejs oraz bardzo ładne kolorowanie składni. Jest programem cenione firmy Adobe, a co najlepsze jest całkowicie darmowy! Interfejs programu jest całkowicie spolszczony.

darmowy edytor html

Bracket oferuje wszystko co nowoczesny program mieć powinien.

  • Podpowiadanie składni kodu
  • Wygodne wstawianie, zmiana koloru w kodzie CSS (klikmay na kod i CTRL+E)
  • Obsługa wtyczek
  • Podgląd zmian na żywo
  • Dzielony ekran. Możliwość edycji dwóch plików na jednym ekranie bez przełączania

darmowy edytor html

Przy pierwszym uruchomieniu warto wykonać proste przystosowanie programu.

  • W menu Edytuj zaznaczamy Automatycznie zamykaj nawiasy
  • W meny  Widok i Themes możemy wybrać kolorowanie składni. Ja uwielbiam styl Monokai.

Wtyczki do Bracketa które warto mieć:

  • Color Highlighter. Wtyczka podświetla kod kolorów na kolor, który jest podany w kodzie. Bardzo przydatne i pomocne przy szukania danego koloru.
  • Emmet. Pomaga w szybkim pisaniu kodu. Przykładowo, wpisujemy img, naciskamy TAB i mamy pełny kod: <img src=”” alt=””>.  Wtyczka ma o wiele więcej możliwości. Warto zapoznać się z jej dokumentacją.

Program Bracket możesz pobrać tu.

 

Szukane pod frazami:
darmowy edytor html
najlepszy edytor html css
edytor html z podpowiadaniem składni
edytor css z podpowiadaniem składni