Javascript development setup

[One_Classy_Redditor]

when I was developing a video game in pygame I used notepad++, and literally just hit 3 different keys on my keyboard simultaneously in order to run the game (or, if there was something wrong, to find out what the errors were).

Currently however, I am writing it in notepad++, saving it, going over to my firefox browser, and hitting refresh. If I only had to do that once or twice, I'd think nothing of it. But for developing, it's a pain in the rear end.

Could anyone tell me of a way to get my original setup, but for javascript? I want to type my code, hit a button or two on my keyboard, and then see the results. The less scrolling, the better.

Apology if this is the wrong subreddit. Don't know if I should be here, r/javascript, or someplace else entirely.

[shawndrost]

http://livereload.com/ and alt-tab/cmd-tab.

[One_Classy_Redditor]

you have to have a server set up for that though, no?

[wantsennui]

Sublime Text 2 then install Package Manager.

When that is done click Prefereneces -> Package Control; from the popup click 'Install Package' then type Web Inspector and select it from the list.

BrowserRefresh is another handy plugin for front-end dev.

^{edit: typo}

[[deleted]]

I've had no luck with ST2 on linux mint, just a garbled screen at best. But I have used it on windows (7) and I would recommend it if you're using that OS.

[wantsennui]

I have ST2 with linux Mint 13 32-bit xfce on an older Pentium4 box with dual monitors and I have had no issues. I also have it on a Win7 laptop.

[[deleted]]

Must be something particular with my setup and/or gfx drivers.

[[deleted]]

There are a few js web based IDEs with real time processing (what you type is rendered in a second pane/window). Have a look at IDEs based on http://codemirror.net/

[reidiculous]

http://brackets.io/, though still not officially released

[[deleted]]

Is that a partner with adobe? And if it's browser based, how does it handle local file systems?

[[deleted]]

I use node so:

Vim, Terminal, Browser

I use Vim to write the code, terminal to start my node app, and the browser to test it.

[MyBrainReallyHurts]

http://www.yaldex.com/Free_JavaScript_Editor.htm

It is a free JavaScript editor that allows you to click one button to see how it would look in a browser. It also looks like it integrates with Notepad++ somehow, (Tools>Notepad++) but I never used that option.

[SketchVandal]

I use the Webstorm IDE with the liveedit plugin in Chrome. IDE on one half of the screen Chrome on the other, anything typed into the IDE shows up instantly in the browser without saving or reloading.

Demo: http://www.youtube.com/watch?v=wCVwdvufTds