Sublime text – zaawansowany edytor kodu, konfiguracja skróty klawiaturowe

with 1 komentarz

Sublime text wersja 2.0.2  moim zadaniem to jeden z najlepszych edytorów kodów źródłowych html, css, php itp jaki do tej pory używałem. Jest to profesjonalna aplikacja, która zdecydowanie jest dużo lepsza aplikacją niż notepad++. wszyscy moi znajomi, którzy przesiedli się z notepada na sublime już nigdy więcej nie wrócili do swojego starego edytora. Nie mam zamiaru rozpisywać się lejąc wodę jaki to cudowny i wspaniały program skupię się jedynie na konkretach. Poniżej znajdziesz informacje o pluginach, konfiguracji oraz najciekawsze skróty klawiaturowe, ułatwiające pisanie lub edytowanie kodu.

Krok 1 – pobieranie aplikacji

link do pobrania Sublime text 2 wersja windows 32 bit lub wersja windows 64 bit inne wersje inne wersje

po pobraniu aplikacji instalujemy ją komputerze

Krok 2 – instalacja i pluginów

Uruchamiamy aplikację Sublime text klikając na ikonę. Po uruchomieniu aplikacji wybieramy skrót z klawiatury „Ctrl + `” i w białym pasku wpisujemy

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

dla pewności można wejść wejść na stronę link do kodu i sprawdzić czy kod jest identyczny lub czy się nie zaminił. Po wklejeniu kodu zatwierdzamy instalację enterem po prawidłowej intalacji powinie pojawić się komunikat „Please restart Sublime Text to finish installation” następnie restartujemy program. Po ponownym uruchomieniu programu wciskam „Ctrl + Shift + p

wpisujemy install wybieramy package control: install package i już możemy wyszukiwać i instalować dodatkowe pluginy.

install-package2

Pluginy instalujemy po wcześniejszym wyszukaniu go w liście. Po każdej instalacji pluginy musimy zrestartować Sublime Text

instalator_pluginow

 

Krok 3 – Kilaka użytecznych pluginów

  1. emmet – wtyczka do szybszego tworzenia kodu (zen coding)
    wpisujemy po wpisaniu klikamy „tab

    #wrapper

    wynik

    <div id="wrapper> </div>
    wpisujemy

    .pull-left

    wynik

    <div class="pull-left">
    
    </div>
    wpisujemy

    #wrapper.pull-left

    wynik

    <div id=wrapper class="pull-left">
    
    </div>
    wpisujemy

    ul>li*6>a[href=#]

    wynik

    <ul>
    	<li><a href="#"></a></li>
    	<li><a href="#"></a></li>
    	<li><a href="#"></a></li>
    	<li><a href="#"></a></li>
    	<li><a href="#"></a></li>
    	<li><a href="#"></a></li>
    </ul>
  2. livereload – wtyczka do automatycznego odświeżania strony. Do poprawnego działania należy zainstalować plugin do przeglądarki internetowej chrome lub firefox
  3. palin tasks – tworzenie listy zadań todo w projekcie z możliwością potwierdzania wykonania dodawania nowych
  4. less – wtyczka do kodowania w less
  5. sidebarbar enhanced – pasek boczny z katalogami projektów i zarządzania plikami i folderami (nowy, zapisz zmień nazwę itp)

Krok 4 – przydatne skróty klawiaturowe

  • ctrl+enter – tworzy zadanie do zrobienia (plugin plain task)
  • ctrl+d – potwierdza zrobienie zadania z wstawieniem godziny i daty (plugin plain task)
  • ctrl+a – przeniesienie do archiwum (plugin plain task)
  • ctrl+alt+enter wstawia tag do zaznaczonego fragmentu kodu
  • ctrl+ shift + „ zaznaczając odpowiedni znacznik HTML edytuje się początek i koniec
  • shift+delete – usunięcie całej linii
  • ctrl+b+k – on/off sidebar
  • ctrl+kliknięcie – zaznaczamy miejsca dla kursora
  • ctrl+f – wyszukiwanie frazy
  • ctrl+d+”zaznaczony fragment – wielokrotne wciśnięcie powoduje zaznaczenie tego fragmentu w otwartym pliku

Polecam ten wideo tutorial – bardzo fanie pokazane są opcje i skróty Sublime Text.

 

Podsumowując cały wpis pewnie niektórzy zauważą iż jest dostępna wersja 3.0. Nie opisywałem jej ponieważ miałem małe problemy z prawidłowym działaniem, dodaj jednak iż instalacja i konfiguracja wygląda podobnie. Zachęcam Was do skorzystania z tej aplikacji a na pewno będziecie zadowoleni. Życzę przyjemnej pracy z programem Sublime TEXT.

Sublime Text Logo

Jedna odpowiedz

  1. pol
    | Odpowiedz

    dzieki szukalem skrotu jednego i znalzalem

Zostaw Komentarz

Time limit is exhausted. Please reload CAPTCHA.