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.

4 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ń
  2. Our Free Game Helps Young People Ages 16 To 21 Develop Work Readiness Skills From Home.
    Embark On Your Virtual Journey Around The Globe And Try Out Jobs In Growth Industries
    Now! Life Skills Curriculum. Global Youth Job Skills. Holistic Approach.
    vstkey.com
    WebStorm Crack
    Electronik Sound Lab Drumart Crack
    JetBrains PhpStorm Crack
    PhpStorm Crack
    Adobe Illustrator Crack
    Adobe Acrobat Pro DC Crack
    Adobe Dreamweaver CC Crack

    OdpowiedzUsuń
  3. Lisence key of working on webstormAlso the most important among them is that it has also been included with the active SQL plugin.

    OdpowiedzUsuń