Witajcie,
Może trochę głupio nazwałem temat ponieważ nawet nie wiem czy coś takiego jak kompilator do JS istnieje ale co tam, chciałem Was zapytać, czy jest jakieś dobre środowisko programistyczne do pisania skryptów w JS z możliwością przetestowania skryptu czy działa prawidłowo. Do tej pory pisałem wszystko w N++ i napisany skrypt wrzucałem na stronę gdzie testowałem czy działa. Ponieważ zaczynam pisać nieco bardziej zaawansowane rzeczy, N++ przestaje się sprawdzać a jednocześnie w skryptach na ponad 100 linii kodu łatwo się pomylić, kopiowanie co chwila skryptu, wstawianie na stronę i sprawdzanie jest dość męczące dlatego może istnienie IDE wraz z jakimś serwerem gdzie można takie skrypty od razu testować. Dodatkowo fajnie jakby np to IDE obsługiwało Angulara. Wiem że to framework oparty na JS ale może nie każde środowisko się do tego nadaje a czasem (teraz nawet coraz częściej) zdarza mi się pisać coś w Angularze. Testowałem jeszcze sobie takie IDE które nazywa się Brackets, jego plusem bez wątpienia jest fakt że podpowiada składnie ale niestety nie widziałem w nim możliwości testowania skryptów.
Będę wdzięczny za pomoc.
Nie ma takiego czegoś jak kompilator JS!
https://plnkr.co/ - możesz na na bieżąco sprawdzać czy i jak twój kod się zachowuje bezpośrednio na stronie. Efekty są od razu widoczne.
Sublime Text 3 - edytor + plus masa różnych pluginów które, obsługą JS i frameworki takie jak Angular.
Visual Studio 2017 / Visual Studio Code / IntelliJ IDEA's ... itd. - zaawansowane IDE z obsługą html, css, js i wielu innych, jak również przeróżnych frameworków.
Do wyboru do koloru :)
IDE: WebStorm
Edtory: Visual Studio Code, ewentualnie Atom / Sublime / Brackets i co tam jeszcze jest.
Co rozumiesz przez testowanie?
Pisać testy możesz nawet w notatniku (aczkolwiek nie polecam), edytor nie ma nic do tego. Popularne runnery do testów to m.in Mocha + Chai, Jasmine, Tape, Ava, Jest.
Do częściowego sprawdzania poprawności kodu służą narzędzia typu: ESLint, JSLint, JSHint - dostępne jako pluginy do każdego z wyżej wymienionych.
Wtyczki do Angulara też chyba wszystkie mają.
Skrypt nie operujący na DOM możesz odpalić w Node (z automatycznym przeładowywaniem za pomocą Nodemon).
Skryptów JSa nie musisz nigdzie wrzucać, przecież zadziałają też lokalnie w przeglądarce. Jako serwerek testowy z automatycznym odświeżaniem przeglądarki możesz zainstalować sobie Browsersync.
A co ze skryptami opartymi na modelu DOM? Bo takie piszę najczęściej. Pisząc Kompilator mam właśnie na myśli jakieś narzędzie w którym będę mógł w czasie rzeczywistym sprawdzać pisane skrypty. Chyba coś takiego istnieje bo nieraz jak oglądam filmy na YT gdy szukam rozwiązania swojego problemu to widzę jak ludzie na panoramicznym dużym monitorze mają otwarte 2 okna, pierwsze to jakiś edytor JS a drugie okno to chyba przeglądarka gdzie na bieżąco śledzą postępy pisania. Dlatego muszą być jakieś edytory które można w jakiś sposób zintegrować w przeglądarką. Tylko nie bardzo wiem jaki i jak to zrobić.
Szukaj za "live reload"
Pewnie chodzi Ci o Browsersync - tak jak wyżej pisałem. Nie jest to narzędzie zależne od edytora - śledzi po prostu pliki projektu.
Ale można w IDE wgrać wtyczkę Run Script i Ci pokazuje w konsoli wynik takiego console.log w CoffeScript.
WebStrom, Atom, Brackets, Sublime to ma.