20 kwi 2017

Jakie jest najlepsze IDE dla Angular i dlaczego moim zdaniem jest to WebStorm

Chyba każdy programista lubi i potrzebuje dobrego środowiska programistycznego. Oczywiście pisać kod można nawet w notatniku i też będzie działało, ale zdecydowanie nie jest to produktywna droga. Dziś będę chwalił oprogramowanie ze stajni JetBrains - tytułowy WebStorm, który zdecydowanie wspomaga pracę i zwiększa tempo rozwoju aplikacji.

Angular (i generalnie frontend) pojawił się w moim życiu zawodowym całkiem niedawno. Wchodząc do tego nowego świata szukałem przyjaznego IDE. Zacząłem od Visual Studio Code, sprawdziłem Angular IDE, ale to WebStorm zdobył moją miłość. Wiele funkcji tych 3 edytorów się pokrywa, każdy z nich ma niezbędne podstawy i każdy wystarczy do niewielkiego projektu. Dlatego dziś:

Co zaoferował WebStorm czego nie mają inni

  1. nawigacja z widoków bezpośrednio do komponentu 💗- zarówno jeśli chodzi o całe selektory, ich inputy oraz outputy i w zasadzie wszystkie elementy dla których logiczne będzie nawigowanie do innego pliku
  2. nawigacja z komponentu do plików html i css - analogicznie w drugą stronę, kiedy mamy podpięty do komponentu template i style
    @Component({
        selector: 'home-cmp',
        templateUrl: 'home.component.html',
        styleUrls: ['./home.component.css']
    })
    to można nawigować bezpośrednio do tych plików z ich nazw
  3. analiza package.json i możliwość szybkiego wystartowania znalezionych skryptów - w komercyjnym projekcie który rozwijam komendy do startu aplikacji są dosyć długie, tutaj wystarcza dwuklik myszką i projekt się uruchamia
  4. oznaczanie nieużywanych importów 
Takich funkcji na pewno znalazłoby się więcej, wymieniłem te które najbardziej przydają się w mojej codziennej pracy.

Jedyny minus? WebStorm kosztuje około 300zł za roczną subskrypcję. W kontekście użycia go w pracy zarobkowej przestaje to mieć znaczenie, ale pewnie nie kupiłbym go tylko do użycia w jakimś pet-projekcie.

Zatem jeśli szukasz IDE do Angular czy innego projektu w TypeScript lub JavaScript i jeszcze nie znasz WebStorm, to polecam spróbowanie - można testować za darmo przez 30 dni.

2 komentarze:

  1. Ja zaczęłam używać właśnie WebStorm całkiem niedawno i też mi się spodobało, że mam zaznaczone nieużywane funkcje/importy albo źle podane ścieżki, co było moją zmorą, gdy pisałam w Sublime Text, bo to łatwo przegapić.

    O tej nawigacji nie wiedziałam - jak jej używać?

    Dodam od siebie, ze student ma za darmo WebStorme na rok chyba :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Nawigacja standardowo jest dostępna pod skrótem Ctrl + B. Ja mam ustawione mapowanie skrótów o nazwie Visual Studio, więc działa też F12

      Usuń